[b]1.VsCode官方插件地址[/b]： [url=https://marketplace.visualstudio.com/vscode]https://marketplace.visualstudio.com/vscode[/url] [url=http://code.visualstudio.com/docs]http://code.visualstudio.com/docs[/url] 官网下载地址：[url=http://code.visualstudio.com/]http://code.visualstudio.com/[/url] [img]http://files.jb51.net/file_images/article/201709/2017091417102476.png[/img] [b]2.使用方法，可以在官网中搜索需要的插件或者在VsCode的“”扩展“”中搜索需要的插件[/b] [img]http://files.jb51.net/file_images/article/201709/2017091417102577.png[/img] 添加方法使用Ctrl+P, 输入 ext install xxxx ，搜索要安装的插件，点击安装按钮即可 [b]3.常用插件说明：[/b] [b]一、HTML Snippets[/b] 超级使用且初级的H5代码片段以及提示 [img]http://files.jb51.net/file_images/article/201709/2017091417102578.jpg[/img] [b]二、HTML CSS Support [/b] 让HTML标签上写class智能提示当前项目所支持的样式 [img]http://files.jb51.net/file_images/article/201709/2017091417102579.jpg[/img] [b]三、Debugger for Chrome [/b] 让vscode映射chrome的debug功能，静态页面都可以用vscode来打断点调试、配饰稍微复杂一点 [b]四、JQuery Code Snippets[/b] jquery提示工具 [img]http://files.jb51.net/file_images/article/201709/2017091417102680.jpg[/img] [b]五、Path Intellisense[/b] 自动路径补全、默认不带这个功能 [b]六、Npm Intellisense[/b] require 时的包提示 [b]七、Document this [/b] Js的注释模板 [b]八、ESlint[/b] ESlint接管原声js提示，可以自定制体会规则。这个比较高玩、 [b]九、Project Manager[/b] 多个项目之间快速切换的工具 [b]十、beautiful[/b] 格式化代码的工具 [b]十一、Typings Installer[/b] 安装vscode 的代码提示依赖库，基于typtings的，比如提示angular或者jQuery只能感知、至于什么是typtings自己去百度。 [b]十二、Bootstrap 3 Sinnpet[/b] 常用bootstrap的可以下 [b]十三、Auto Rename Tag[/b] 修改html标签，自动帮你完成尾部闭合标签的同步修改，和webstorm一样。 [b]图标、代码样式插件[/b] [b]一、JavaScript Atom Grammar[/b] 使用atom风格的语法高亮、对于习惯浏览atom风格代码高亮的人实用。 [b]二、vscode-icon[/b] 让vscode资源目录加上图标、必备 [img]http://files.jb51.net/file_images/article/201709/2017091417102681.jpg[/img] [b]三、One Dark Theme[/b] 来自Atom的one dark主题好看实用 [b]四、Material、Material Neutral ............[/b] 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程素材网。