隨著技術(shù)的更新迭代，我們所使用的編譯器，包管理工具，代碼格式化工具日漸增多，這就導(dǎo)致每一位前端開發(fā)人員所使用的工具不統(tǒng)一，導(dǎo)致項(xiàng)目出現(xiàn)一系列的隱性的bug，推薦幾個團(tuán)隊(duì)開發(fā)比較常見的統(tǒng)一規(guī)范的庫

統(tǒng)一使用包管理器

pnpm add only-allow -D

使用:

在項(xiàng)目的package.json文件中scripts配置preinstall

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

個人比較喜歡pnpm,

統(tǒng)一node版本

在項(xiàng)目的package.json文件中配置

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

只在package.json配置終端只會出現(xiàn)警告，依舊可以使用，需要在根目錄下新建.npmrc文件

engine-strict=true

統(tǒng)一格式化工具

項(xiàng)目安裝格式化工具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