多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
eslint是一个JavaScript的静态代码质量检测lint工具。prettier 主要是为了格式化代码,而在没有 prettier 之前,是用 `eslint —fix`和 编辑器自带代码格式来进行代码格式化的。 缺点:每种编辑器会有不一样的代码格式,而且配置会比较麻烦。 ```sh npm install eslint babel-eslint eslint-config-alloy // 这个是为了 eslint 跟 prettier 可以联合使用 // npm install eslint-plugin-prettier // 这个是为了让 eslint 跟 prettier 兼容,关闭 prettier 跟 eslint 冲突的rules // npm install eslint-config-prettier ``` 采用的是腾讯alloy团队的配置。 新建`.eslintrc.js`文件: ~~~ module.exports = { extends: [ 'eslint-config-alloy', ], globals: { // 这里填入你的项目需要的全局变量 // 这里值为 false 表示这个全局变量不允许被重新赋值,比如: // // jQuery: false, // $: false }, rules: { // 这里填入你的项目需要的个性化配置,比如: // // // 一个缩进必须用两个空格替代 // 'indent': [ // 'error', // 2, // { // SwitchCase: 1, // flatTernaryExpressions: true // } // ] } }; ~~~ 在vscode中,设置prettier: ![](https://box.kancloud.cn/ad0e47792b91581dbeac59987673aee6_1576x162.png) 之后format即可,如写的 [https://github.com/AlloyTeam/eslint-config-alloy](https://github.com/AlloyTeam/eslint-config-alloy)