为你的Vscode配置代码格式化,GIT提交自动格式化代码|setting-up-your-editor
自动格式化代码
Prettier是一个自以为是的代码格式化程序,支持JavaScript,CSS和JSON。 使用Prettier,可以自动格式化您编写的代码,以确保项目中的代码样式。 Prettier's GitHub page , page to see it in action.
每当我们在git中提交时都要格式化您的代码, 我们需要安装以下依赖项:
npm install --save husky lint-staged prettier
Alternatively you may use yarn
:
yarn add husky lint-staged prettier
husky
使得可以将githooks
当作npm脚本来使用。lint-staged
允许我们在git中的暂存文件上运行脚本. blog post about lint-staged to learn more about it.prettier
是我们将在提交之前运行的JavaScript格式化程序。
现在,通过在项目根目录的package.json中添加几行,可以确保每个文件的格式正确。
Add the following field to the package.json
section:
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
}
接下来,我们在“ package.json”中添加一个“ lint-staged”
"dependencies": {
// ...
},
"lint-staged": {
"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}": [
"prettier --write",
"git add"
]
},
"scripts": {
现在,无论何时提交,Prettier都会自动格式化更改的文件. 你也可以 run ./node_modules/.bin/prettier --write "src/**/*.{js,jsx,ts,tsx,json,css,scss,md}"
在你喜欢的时候去执行
本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可。
评论已关闭