Vue项目中代码规范（Prettier + ESLint）

// .prettierrc 文件配置
{
  "singleQuote": true,
  "trailingComma": "es5",
  "printWidth": 80,
  "tabWidth": 2,
  "semi": false,
  "useTabs": false,
  "endOfLine": "auto"
}
 
// .eslintrc.js 文件配置
module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: [
    'plugin:vue/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',
    'vue/multi-word-component-names': 'off',
  },
};

这个代码示例展示了如何在Vue项目中设置Prettier和ESLint。.prettierrc 文件定义了Prettier的格式化规则，而.eslintrc.js 文件定义了ESLint的规则，包括启用的插件和自定义的规则。这些配置可以帮助维持代码的一致性和质量。