团队统一格式化代码规范

115 阅读1分钟

配置如下:

.vscode/.settings.json

{
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true
}

.eslintrc.js

module.exports = {
rules:{
	'generator-star-spacing': 'off',
	'indent': 'off',
	}
}

.prettierrc(填写自己的规则)

 {
	"singleQuote": true,
  	"semi": false,
  	"printWidth": 140
 	"tabWidth": 2,
  	"singleQuote": true,
  	"trailingComma": "none",
  	"embeddedLanguageFormatting": "auto",
}

配置提交代码前格式化更改的文件

npm install prettier

git hooks npm install husky@4.2.2 --save-dev

控制我们如何只在我们更改的代码上运行相应的命令 npm install lint-staged@9.5.0 --save-dev

package.json

{ 
    "lint-staged": {
        "*.{js,jsx,vue,ts,tsx}": [ "prettier --config .prettierrc --write", "git add" ]
    }, 
    "husky": {
        "hooks": { "pre-commit": "lint-staged" }
     }
}

关于不同插件格式化代码问题看上一篇文章

参考文章

# 使用 Husky 和 ​​Lint Staged 在 git 提交前校验是否符合 ESLint 规则