项目中添加eslint和配置

107 阅读1分钟

1.npm i eslint --save-dev

2.npx eslint --init

To check syntax, find problems, and enforce code style

JavaScript modules (import/export)

Vue.js

Browser

Use a popular style guide

Standard: https://github.com/standard/standard

JavaScript

3.在.eslintrc.js中

// vue3-strongly-recommended  在node_modules中eslint-plugin-vue下找
 extends: [
    'plugin:vue/vue3-strongly-recommended',
    'standard'
  ],

4.在编辑器配置eslint

1.禁用vetur
2.安装Eslint插件
3.安装volar
4.文件-首选项-设置-eslint-Eslint>Format:Enable 勾选
5.配置Eslint默认格式化

5.关闭组件命名规则

//.eslintrc.js
  rules: {
    // 关闭组件命名规则
    'vue/multi-word-component-names': 'off'
  }