vscode开发vue项目配置Vetur、prettier、ESLint

场景：通过vscode开发前端，不知道当初是怎么安装的插件，每次开发完代码不能自动格式化，手动格式化了之后不满足eslint规范，需要手动点修复，担心把环境搞坏所以就这么一直忍着，效率真的太低了。

参考了网上很多方案最后通过如下方式实现了保存自动格式化符合eslint规范的文件。

 

第一步：删除插件关闭并重启安装

 

 

 

第二步：项目文件配置，有文件的修改，没文件的新增，文件位置为项目根目录下相对位置

.eslintrc.js

 

.vscode/.prettierrc.json

{
"singleQuote": true,
"semi": false,
"bracketSpacing": true,
"htmlWhitespaceSensitivity": "ignore"
}

 

 .vscode/settings.json

{
  "workbench.colorTheme": "Default Light+",
  "editor.codeActionsOnSave": {
    // 自动修复
    "source.fixAll": true
  },
  /* 关闭编辑器自带保存格式化功能，此功能会用Vetur进行格式化。*/
  "editor.formatOnSave": false
}

 

 

思考：vscode开发vue项目配置规范

待尝试：前端编程规范(VSCode + Vue)

 

参考：

https://www.jianshu.com/p/92b1bb5bc07e