vsCode 插件推荐

1.自定义格式化插件    beautify

2.支持运行不同语言的代码   code Runner

3.chrome debugger调试   debugger for Chrome

//     配置说明：

// ${workspaceRoot} VS Code当前打开的文件夹

// ${file} 当前打开的文件

// ${relativeFile} 相对于workspaceRoot的相对路径

// ${fileBasename} 当前打开文件的文件名

// ${fileDirname} 所在的文件夹，是绝对路径

// ${fileExtname} 当前打开文件的拓展名，如.json
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}",
            "file": "${workspaceFolder}/${fileBasename}"
        }
    ]

4.代码检查   ESLint

5.css类名提示   IntelliSense for CSS class names in HTML

6.快速书写html代码    Mithril Emmet

7.地址提示    Path Intellisense

8.项目管理    Project Manager

使用方式： ctrl + shift + p  -> project manage:save project

9.显示文件图标   vs-code-icons

10.修改HTML标签名同时修改尾标签   Auto Rename Tag

配置 setting  支持所有文件类型
 "auto-rename-tag.activationOnLanguage": [
        "*"
    ]

11.vue高亮提示   vetur

12.vue字段提示   vue-helper