关于eslint:编程规范ESLint-Prettier

16次阅读

共计 623 个字符，预计需要花费 2 分钟才能阅读完成。

代码检测工具: 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
  }
}

正文完