初始化项目工程之#安装配置eslint+vue cli +vue2.js

Rachel J

于 2021-06-30 11:32:16 发布

阅读量151

点赞数 1

分类专栏： eslint 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/Riceyan/article/details/118354682

版权

eslint 专栏收录该内容

1 篇文章

订阅专栏

本文档介绍了在Vue CLI项目中如何初始化并配置ESLint，包括安装过程、.eslintrc.js与.prettierrc.js的配置，以及在VSCode中重启项目的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装配置eslint

vue cli 项目初始化后，安装eslint

vue cli 项目初始化后，安装eslint

npx eslint --init

生成了.eslintrc.js

配置.eslintrc.js 文件内容

module.exports = {
  root: true,
  env: {
    node: true,
    browser: true,
    es6: true
  },
  globals: {
    AMap: false
  },
  extends: ['plugin:vue/essential', 'eslint:recommended', '@vue/prettier'],
  parserOptions: {
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'warn',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'warn'
  }
}

.prettierrc.js

module.exports = {
  semi: false,
  // printWidth: 120,
  trailingComma: 'none',
  singleQuote: true,
  proseWrap: 'preserve',
  arrowParens: 'avoid',
  jsxBracketSameLine: true,
  vueIndentScriptAndStyle: true
}