- 安装 Vetur 插件
- 安装 Prettier - Code formatter 插件
- 打开 vs code 的 文件 -> 首选项 -> 设置,在用户设置最底部的合适位置,添加如下配置:
// 使用 ESLint 规则
“prettier.eslintIntegration”: false,
// 每行文字个数超出此限制将会被迫换行
“prettier.printWidth”: 100,
// 使用单引号替换双引号
“prettier.singleQuote”: true,
// 格式化文件时候,不在每行结尾添加分号
“prettier.semi”: false,
// 设置 .vue 文件中,HTML代码的格式化插件
“vetur.format.defaultFormatter.html”: “prettier”
4.禁用EsLint规则中方法 小括号后加空格的方法
在.eslintrc.js文件中的rules对象中添加:
‘space-before-function-paren’:[‘error’,’never’]