隨著技術(shù)的更新迭代解藻，我們所使用的編譯器老充，包管理工具，代碼格式化工具日漸增多螟左，這就導(dǎo)致每一位前端開(kāi)發(fā)人員所使用的工具不統(tǒng)一啡浊，導(dǎo)致項(xiàng)目出現(xiàn)一系列的隱性的bug，推薦幾個(gè)團(tuán)隊(duì)開(kāi)發(fā)比較常見(jiàn)的統(tǒng)一規(guī)范的庫(kù)
統(tǒng)一使用包管理器
pnpm add only-allow -D
使用:
在項(xiàng)目的package.json文件中scripts配置preinstall
"scripts": {
"preinstall": "only-allow pnpm"
},
個(gè)人比較喜歡pnpm,
統(tǒng)一node版本
在項(xiàng)目的package.json文件中配置
{
"engines": {
"node": ">=12.0.0"
}
}
只在package.json配置終端只會(huì)出現(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
