字体主题安装vetur插件
先安装Eslint
然后一次打开文件-->首选项-->设置-->出现User Setting窗口
示例图.png
左边是默认用户配置 不能编辑改动,
右边才能编辑,找到需要配置的对应选项,copy到右边,改变值即可
自动保存,自动格式化如图
{
"editor.fontFamily": "Monaco",
"files.autoSave": "onFocusChange",
"eslint.autoFixOnSave": true,
"eslint.validate": [
"javascript",{
"language": "vue",
"autoFix": true
},"html",
"vue"
],
"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
"vue-html": "html",
"vue": "html"
}
}
安装开发依赖包
"eslint-plugin-vue": "^4.5.0",
"eslint": "^4.15.0",
"eslint-config-standard": "^10.2.1",
"eslint-friendly-formatter": "^3.0.0",
"eslint-loader": "^1.7.1",
"eslint-plugin-import": "^2.7.0",
"eslint-plugin-node": "^5.2.0",
"eslint-plugin-promise": "^3.4.0",
"eslint-plugin-standard": "^3.0.1",
"babel-eslint": "^8.2.1"
安装VSCode插件