安装插件
有两种方式,随便一种就好。
F1 输入 extensions: || ext install。extensions:还可以显示已经安装过的插件。
ctrl + P 然后输入 >ext install
好用的插件
1.HTML Snippets 超级实用且初级的 H5代码片段以及提示

2.Atuo Rename Tag修改 html 标签,自动帮你完成尾部闭合标签的同步修改

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

4.HTML SCSS Support 适用于非css项目,例如vue2/angular2+,与上个插件类似,区别是class的提示来至于scss文件,可以直接从html-class跳转到scss文件,需要手动配置global文件地址。



5.jQuery Code Snippets jquery 重度患者必须品

6.vscode-icon 让 vscode 资源树目录加上图标,必备良品!

7.Bootstrap 3 Sinnpet 常用 bootstrap 的可以安装。
8.filesize 在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间
9.fileheader 顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间
10.vetur vue框架所需的插件,语法高亮、智能感知、Emmet等

网友评论