VsCode插件整理（小结）

2026-01-12 03:05:26 作者：用户投稿

1.VsCode官方插件地址：

https://marketplace.visualstudio.com/vscode

http://code.visualstudio.com/docs

官网下载地址：http://code.visualstudio.com/

2.使用方法，可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件

添加方法使用Ctrl+P, 输入 ext install xxxx ，搜索要安装的插件，点击安装按钮即可

3.常用插件说明：

一、HTML Snippets

超级使用且初级的H5代码片段以及提示

二、HTML CSS Support

让HTML标签上写class智能提示当前项目所支持的样式

三、Debugger for Chrome

让vscode映射chrome的debug功能，静态页面都可以用vscode来打断点调试、配饰稍微复杂一点

四、JQuery Code Snippets

jquery提示工具

五、Path Intellisense

自动路径补全、默认不带这个功能

六、Npm Intellisense

require 时的包提示

七、Document this

Js的注释模板

八、ESlint

ESlint接管原声js提示，可以自定制体会规则。这个比较高玩、

九、Project Manager

多个项目之间快速切换的工具

十、beautiful

格式化代码的工具

十一、Typings Installer

安装vscode 的代码提示依赖库，基于typtings的，比如提示angular或者jQuery只能感知、至于什么是typtings自己去百度。

十二、Bootstrap 3 Sinnpet

常用bootstrap的可以下

十三、Auto Rename Tag

修改html标签，自动帮你完成尾部闭合标签的同步修改，和webstorm一样。

图标、代码样式插件

一、JavaScript Atom Grammar

使用atom风格的语法高亮、对于习惯浏览atom风格代码高亮的人实用。

二、vscode-icon

让vscode资源目录加上图标、必备

三、One Dark Theme

来自Atom的one dark主题好看实用

四、Material、Material Neutral ............

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

返回首页上一篇：Windows Form 分页具体实现下一篇：JS中window.open全屏命令解析及使用示例

联络方式：

400 9058 355

邮箱：8955556@qq.com

Q Q：8955556

微信二维码

我们猜你喜欢

400 9058 355

VsCode插件整理（小结）

猜你喜欢

联络方式：

400 9058 355

Android自定义控件实现底部菜单(下

Android中Toolbar随着Scr

Java 图表类库详解

GIt的基本操作详解

详解Linux进程间通信——使用共享内存

Android自定义相机实现定时拍照功能

CentOS6.5 上部署 MySQL5

Vue结合原生js实现自定义组件自动生成

Python中struct模块对字节流/

微信小程序数据交互与渲染实例详解

客服QQ

VsCode插件整理（小结）

猜你喜欢

联络方式：

400 9058 355

Android自定义控件实现底部菜单(下

Android中Toolbar随着Scr

Java 图表类库详解

GIt的基本操作详解

详解Linux进程间通信——使用共享内存

Android自定义相机实现定时拍照功能

CentOS6.5 上部署 MySQL5

Vue结合原生js实现自定义组件自动生成

Python中struct模块对字节流/

微信小程序 数据交互与渲染实例详解

客服QQ

微信小程序数据交互与渲染实例详解