前端规范统一

随着技术的更新迭代，我们所使用的编译器，包管理工具，代码格式化工具日渐增多，这就导致每一位前端开发人员所使用的工具不统一，导致项目出现一系列的隐性的bug，推荐几个团队开发比较常见的统一规范的库

统一使用包管理器

pnpm add only-allow -D

使用:

在项目的package.json文件中scripts配置preinstall

  "scripts": {
    "preinstall": "only-allow pnpm"
  },

个人比较喜欢pnpm,

统一node版本

在项目的package.json文件中配置

{
"engines": {
    "node": ">=12.0.0"
  }
}

只在package.json配置终端只会出现警告，依旧可以使用，需要在根目录下新建.npmrc文件

engine-strict=true

统一格式化工具

项目安装格式化工具prettier

pnpm add prettier -D

在根目录下新建.prettierrc.json文件

{
    "tabWidth": 2, 
    "endOfLine": "auto", 
    "printWidth": 120, 
    "proseWrap": "preserve", 
    "quoteProps": "as-needed", 
    "semi": false, 
    "singleQuote": true, 
    "trailingComma": "none",
    "useTabs": false, 
    "arrowParens": "avoid", 
    "vueIndentScriptAndStyle": true 
  }

然后在vscode中安装插件prettier