自动格式化代码

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

现在,通过在项目根目录的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}" 在你喜欢的时候去执行