vscode-插件

目录

1 浏览器快速打开html的插件

2 markdown预览插件

3 vue 文件的基本语法高亮插件

4 Vue代码自动补全插件

5 自动生成Bootstrap代码段插件

6 树目录显示图标插件

7 CSS样式提示插件

8 jQuery提示插件

9 路径补全插件

10 同步修改结束标签名称的插件

---

 

1 浏览器快速打开html的插件

open in browser

安装之后需要配置一下默认浏览器

使用默认浏览器快速打开html的快捷键是： alt + b

2 markdown预览插件

Markdown Preview Enhanced

并且可以生成pdf、html等

3 vue 文件的基本语法高亮插件

Vetur

注意：

    安装完 vetur 后还需要加上这样一段配置下

    文件 》首选项 》设置 》用户设置 中加入以下代码

"emmet.syntaxProfiles": {
    "vue-html": "html",
    "vue": "html"
},

4 Vue代码自动补全插件

vue 2 snippets

5 自动生成Bootstrap代码段插件

Bootstrap 3 Snippets

6 树目录显示图标插件

vscode-icons

安装之后【首选项  》文件图标主题  》VSCode Icons】

    注意：这里是“文件图标主题”，不是“颜色主题”

7 CSS样式提示插件

HTML CSS Support

    注意：好像需要新增一点配置。自己百度。。。

8 jQuery提示插件

jQuery Code Snippets

9 路径补全插件

Path Intellisense

10 同步修改结束标签名称的插件

Auto Rename Tag