一、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一样。
十四、VSCode插件View InBrowser,在浏览器中查看
当前插件功能类似Atom中的“Run-In-Browser”.
插件功能描述:从浏览器中查看html文件,使用系统的当前默认浏览器
注:只支持html文件
默认的快捷键Ctrl+F1,可以自定义修改,命令名称为:“extension.viewInBrowser”
详细可以参考截图: