vue cli3 创建的项目中eslint 配置 问题的解决

Posted 2021-02-18 yunke

1--   vue cli3 项目文件结构

2-- 注释问题

  在eslintrc.js 文件中，将 ‘@vue/standard‘ 注释后重启即可；

 

3-- 配置 eslint 文件

在 vue-cli3 中配置 eslint 文件 :
eslint 的配置规则：如果你是用 Vue3 ui 命令自动生成的开发环境，那么我们配置 eslint 是在根目录下的 package.json 文件的 "eslintConfig" 属性 下配置即可！如果是 其他，那就可能要找到根目录下的 .eslintrc.* 文件（如.eslintrc.js）;

eslint 的配置 分为2个部分，第一部分是主要配置属性，第二部分专门针对 "rules" 配置；

eslint-config-standard : Standard 标准，是一些前端工程师自定的标准； 

执行安装 : (也可以利用 vue3 ui 界面化安装)

npm install eslint-config-standard eslint-plugin-standard eslint-plugin-promise -g

注意: 这里的插件，"standard" 插件代表的是 eslint 的 standard 插件都要安装，当你用 Vue ui 的时候，有初始化选择了 standard（也只会安装 eslint-config-standard）; eslint-plugin-standard 必须手动安装，手动安装的一些依赖包有 （eslint， babel-eslint，eslint-plugin-html，eslint-config-standard，eslint-plugin-standard，elsint-plugin-promise）建议全部安装一下，防止出现莫名的问题。

具体可以访问：https://blog.csdn.net/qq_44722915/article/details/106050069