代码格式化

eslint和prettier进行代码格式化 解决eslint和prettier配置冲突：

• eslint-plugin-prettier

//.eslintrc.js
...
extends:[...,'plugin:prettier/recommended'] //写在最后，覆盖前面的rule
...

• eslint-config-prettier

//.eslintrc.js
...
extends:[...,'prettier'] //eslint-config-prettier 可简写成 prettier
...

基本的vue+ts相关的eslint配置包

eslint-plugin-vue@latest, @typescript-eslint/eslint-plugin@latest, @typescript-eslint/parser@latest

解决prettier冲突，配置

1. @vue/prettier 解决selint-plugin-vue配置中和prettier冲突项

2. @vue/prettier/@typescript-eslint 解决@vue/typescript/recommended配置中和prettier冲突项

例如：

extends: [
    'plugin:vue/vue3-essential', 
    "@vue/prettier", 
    'eslint:recommended',
    '@vue/typescript/recommended',
    '@vue/prettier/@typescript-eslint'
  ],

注意prettier配置：

   indent: 2,
   tabWidth: 2,

tips： 保持这两项值相同，才能将代码缩进调成想要的空格数 （vscode编辑器，回车完前面默认为一个tab，设置tabWidth和indent统一，才能在vscode编辑时，回车缩进为indent的空格数）

eslint启动

npm i eslint

npx eslint --init 然后根据提示选择选项就好了