あなたの反応のアプリケーションで1分前にprecommitフックを構成する

コードのスタイリングとフォーマットは、ソフトウェアを書くときに重要です.JavaScriptコードを読みやすくするためには、JavaScriptコード全体を1行にフォーマットすることができます.
プリティは、JavaScript、HTML、CSS、YAML、MarkdownとGraphql、および多くのような言語と互換性のあるコード形式です.
また、書式設定を自動的に行う場合は、ほとんどの場合は、変更をステージングを使用しているときにも素晴らしいですgit .
次の依存関係をインストールします.

yarn add -D prettier

その後、.prettierrc 設定ファイル.

{
  "arrowParens": "always",
  "bracketSpacing": true,
  "embeddedLanguageFormatting": "auto",
  "htmlWhitespaceSensitivity": "css",
  "insertPragma": false,
  "jsxBracketSameLine": false,
  "jsxSingleQuote": true,
  "printWidth": 80,
  "proseWrap": "preserve",
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2,
  "trailingComma": "es5",
  "useTabs": false
}

チームで作業している場合は、設定ファイルの規則に同意してください.
次に、特定のGitフックで実行スクリプトを使用するセットアップを簡素化するハスキーを加えましょう.以下に例を示しますpre-commit ジットフック.

{
  "scripts": {
    "prepare": "husky install",
    "format": "prettier --write .",
    "test": "jest"
  },
  "devDependencies": {
    "husky": "^6.0.0",
    "jest": "^26.6.3",
    "precise-commits": "^1.0.2",
    "prettier": "^2.3.0"
  }
}

ディレクトリを作成する.husky このディレクトリの中に次のファイルを追加しますpre-commit

#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

yarn precise-commits

The yarn precise-commits は厳密なコードを再フォーマットし、コード整形を扱うprettier .
と設定が行われます.
設定をテストするには、次のコマンドを実行します.

git add.
git commit -m 'test commit with husky'

そして、Vilは引きます.
記事投稿bloggu.io . 無料でお試しください.