Vscode+Eslint+Prettier写Vue项目

安装 Vscode 和插件

首先安装Vscode 官网下载安装包,安装好了之后启动,然后ctrl+shift+X,安装以下插件


  1. Vetur

  2. ESLint

  3. Prettier - Code formatter


安装完之后最好是重启下VS Code避免插件不生效的问题。

配置插件

ctrl+,,打开设置界面,设置 settings.json 文件,配置如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
{
"editor.formatOnSave": true,
"eslint.autoFixOnSave": true,
//保存时eslint自动修复错误
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "vue",
"autoFix": true
}
],
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatter.js": "vscode-typescript",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "force-aligned"
}
},
"prettier.eslintIntegration": true,
"prettier.singleQuote": true,
"prettier.semi": false,
"javascript.format.insertSpaceBeforeFunctionParenthesis": false
}

然后就可以愉快的编码了

-------------本文结束感谢您的阅读-------------
undefined