一、代码格式化规范当前项目使用的vetur插件内置了prettierformatting，也可以安装prettiercodeformatter插件。eslint也包含了一些代码风格检查功能，eslint和prettier本身有些规则冲突，导致格式混乱，所以代码格式规范一定要统一1.vscode中的配置优先级默认配置文件（最低优先级）用户配置文件（次之）优先级）项目配置文件（优先级最高）为了统一大家的代码风格，统一使用项目中的配置文件作为配置项。由于ESLint的主要功能是代码质量检测，而Prettier的主要功能是代码风格检测，所以不要在ESLint中配置代码风格相关的规则。更漂亮。一个非常流行的代码格式化工具，你可以很容易地在编辑器中找到实现它的各种插件，这里是用来在提交代码之前对代码进行格式化。eslint。代码检查工具。eslint也可以负责部分代码格式检查，但是prettier已经做好了，所以我没有使用eslint的代码格式检查，只让它负责代码错误检查。2.解决配置冲突npmieslint-config-prettiereslint-plugin-prettier-deslint-config-prettier关闭Eslint中与Prettier冲突的选项，eslint-plugin-prettier将prettier的规则设置为eslint的规则，那些不满足Promptforrules3.Prettierrc配置文件说明//.prettierrc.jsmodule.exports={printWidth:160,//编辑器每行的长度，默认80tabWidth:4,//编辑器的宽度tab,默认值是2useTabs:false,//代码缩进是否使用制表符，默认为falsesemi:true,//是否使用分号，默认为true，使用分号singleQuote:true,//是否要使用单引号，默认为falsequoteProps:'as-needed',//Useas-needed用于对象属性上的引号。仅在需要时使用一致的。如果有需要报价的属性，则需要报价。preserve保留用户输入jsxSingleQuote:false,trailingComma:'none',//末尾没有逗号，末尾没有逗号es5es5有效，全部保留，尽可能加逗号bracketSpacing:true,//spacesinthebracketsintheliteralobjects,defaultistruetrue-Example:{foo:bar}.false-Example:{foo:bar}.jsxBracketSameLine:false,arrowParens:'avoid',//括号中的箭头functionarealwaysavoidhtmlWhitespaceSensitivity:'ignore',vueIndentScriptAndStyle:false,//是否在vue的
