在团队的项目开发过程中，花在代码维护上的时间比重往往大于新功能的开发。因此，编写符合团队编码标准的代码非常重要。这样既能在很大程度上避免基本的语法错误，又能保证代码的可读性。解决方法使用eslint检查代码使用prettier格式化代码使用方法（1）首先安装Eslint：npminstalleslint--save-dev新建一个.eslintrc.js文件，下面是我的配置：module.exports={env:{browser:true,es2021:true,},extends:["eslint:recommended","plugin:prettier/recommended",],parserOptions:{ecmaVersion:12,parser:'babel-eslint',sourceType:“模块”，}，插件：[“更漂亮”]，规则：{“更漂亮/更漂亮”：“错误”，}，}；(2)安装Prettier：npminstall--save-dev--save-exactprettier新建.prettierrc.js文件，以下是我的配置：module.exports={//max200charactersperlineprintWidth:200,//use2spacesforindentationtabWidth:4,//不使用缩进字符，而是使用空格useTabs:false,//行尾不需要分号semi:false,//使用单引号singleQuote:true,//对象的key只在必要的时候引用quoteProps:'as-needed',//jsx不使用单引号，而是使用双引号jsxSingleQuote:false,//末尾不需要逗号trailingComma:'none',//花括号首尾需要空格bracketSpacing:true,//jsx标签后面的尖括号不需要换行jsxBracketSameLine:true,//箭头函数，只有一个参数时,括号arr也是必需的owParens:'always',//每个文件的格式化范围是文件的全部内容rangeStart:0,rangeEnd:Infinity,//不需要在文件开头写@prettierrequirePragma:false,//不需要需要自动启动文件Insert@prettierinsertPragma:false,//使用默认换行标准proseWrap:'preserve',//根据显示样式决定是否换行htmlhtmlWhitespaceSensitivity:'css',endOfLine:'lf',extends:['plugin:prettier/recommended','prettier/flowtype','prettier/vue']}
