设置 vscode 根据项目配置eslint格式化代码
时间: 2023-10-09 07:17:38 浏览: 167
vscode代码格式化和eslint的使用
好的,先在你的项目中安装 ESLint 和 Prettier 以及它们的相关插件,然后在根目录下创建一个名为 .eslintrc.js 的文件,文件内容如下:
```
module.exports = {
root: true,
env: {
node: true,
},
extends: [
'plugin:vue/essential',
'@vue/airbnb',
'@vue/typescript/recommended',
'prettier/vue',
'plugin:prettier/recommended',
],
parserOptions: {
ecmaVersion: 2020,
},
plugins: ['vue', 'prettier'],
rules: {
'prettier/prettier': ['error', { singleQuote: true }],
},
};
```
这里包含了一些配置信息,包括使用的规则、扩展等等。接下来在 VS Code 中按下 Ctrl + Shift + P,然后在搜索框中输入 “settings.json”,点击打开。将以下配置添加到文件末尾
```
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
},
```
这个配置可以在每次保存时自动格式化代码,并使用 ESLint 进行代码修正。
阅读全文