代码检测工具: Eslint
代码格式化工具: Prettier
prettier 能够在保留代码时,让代码合乎 ESLint 规范
- 在 VSCode 中装置 prettier 插件
- 在我的项目根目录创立.prettierrc.js 文件
-
配置 prettier
module.exports = { semi: true, singleQuote: true, trailingComma: 'none' }
- 在 VSCode 设置中勾选
Format On Save
,formatter 中Default Formatter
抉择Prettier-Code formatter
- 在 VSCode 设置中批改
Tab Size
为 2,将一个 tab 改为两个空格 -
在.eslintrc.js 中解决 ESLint 和 Prettier 之间的抵触
module.exports = { root: true, env: {node: true}, extends: [ 'plugin:vue/vue3-essential', '@vue/standard' ], parserOptions: {parser: 'babel-eslint'}, rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'space-before-function-paren': 0 } }