-
在根目录下添加
.editorconfig
文件:# EditorConfig is awesome: https://EditorConfig.org # top-most EditorConfig file root = true [*] indent_style = space indent_size = 2 end_of_line = lf charset = utf-8 trim_trailing_whitespace = false insert_final_newline = false
-
安装 eslint
- 全局安装
npm install -g eslint
- 在当前项目初始化
eslint --init
- 添加eslint过滤规则
.eslintignore
public dist
- 全局安装
-
安装 Prettier
prettier
- prettier 本体eslint-config-prettier
- 关闭 ESLint 中与 Prettier 中发生冲突的规则eslint-plugin-prettier
- 将 Prettier 的规则设置到 ESLint 的规则中
pnpm add prettier eslint-config-prettier eslint-plugin-prettier -D
-
添加 Prettier 配置文件,在根目录添加一个
.prettierrc.js
文件module.exports = { semi: false, singleQuote: true, printWidth: 80, trailingComma: 'none', arrowParens: 'avoid', }
-
修改 ESLint 配置,使 Eslint 兼容 Prettier 规则
const { defineConfig } = require('eslint-define-config') module.exports = defineConfig({ /// ... extends: [ 'plugin:vue/vue3-recommended', /** * 继承 eslint-plugin-prettier 插件的规则 * @link https://github.com/prettier/eslint-plugin-prettier */ 'plugin:prettier/recommended' ], // ... })
文章评论