vscode 插件

Partial Diff

Compare (diff) text selections within a file, across files, or to the clipboard

markdown

Markdown-TOC 标题自动添加序号

自动补全

HTML Snippets

HTML CSS Support

HTMLHint

自动帮你完成尾部闭合标签：Auto Close Tag

代码着色

对括号对进行着色：Bracket Pair Colorizer

查看Git log, file, 和line 历史记录：Git History

路径提示器：Path Intellisense

代码拼写检查：Code Spell checker

显示文件大小：filesize

自动引入模块：Auto Import

同步vscode配置和插件：Setting Sync

Debugger for Chrome / Debugger for Firefox

vscode 资源树目录加上图标：vscode-icon

Project Manager

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

vue

vetur
配置文件

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

ESLint
配置文件

"eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        "vue"
    ],
"eslint.options": {
    "plugins": ["html"]
}

npm安装依赖

1	npm install eslint -g

在项目根目录执行初始化命令

1	eslint --init

Use a popular style guide -> Standard -> JSON

.eslintrc.json 配置

{
    "extends": "standard",
    "installedESLint": true,
    "plugins": [
        "standard"
    ]
}

VueHelper