随着技术的更新迭代,我们所使用的编译器,包管理工具,代码格式化工具日渐增多,这就导致每一位前端开发人员所使用的工具不统一,导致项目出现一系列的隐性的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