VS Code 插件安装及常用插件推荐

安装插件

有两种方式,随便一种就好。

F1 输入 extensions: || ext install。extensions:还可以显示已经安装过的插件。

VS Code 插件安装及常用插件推荐_第1张图片

ctrl + P 然后输入 >ext install

VS Code 插件安装及常用插件推荐_第2张图片

好用的插件

1.HTML Snippets   超级实用且初级的 H5代码片段以及提示

VS Code 插件安装及常用插件推荐_第3张图片

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

VS Code 插件安装及常用插件推荐_第4张图片

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

VS Code 插件安装及常用插件推荐_第5张图片

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

VS Code 插件安装及常用插件推荐_第6张图片
VS Code 插件安装及常用插件推荐_第7张图片

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

VS Code 插件安装及常用插件推荐_第8张图片

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

VS Code 插件安装及常用插件推荐_第9张图片

7.Bootstrap 3 Sinnpet  常用 bootstrap 的可以安装。

8.filesize  在底部状态栏显示当前文件大小,点击后还可以看到详细创建、修改时间

9.fileheader  顶部注释模板,可定义作者、时间等信息,并会自动更新最后修改时间

10.vetur  vue框架所需的插件,语法高亮、智能感知、Emmet等

VS Code 插件安装及常用插件推荐_第10张图片

你可能感兴趣的:(VS Code 插件安装及常用插件推荐)