あなたの反応のアプリケーションで1分前にprecommitフックを構成する
5742 ワード
コードのスタイリングとフォーマットは、ソフトウェアを書くときに重要です.JavaScriptコードを読みやすくするためには、JavaScriptコード全体を1行にフォーマットすることができます.
プリティは、JavaScript、HTML、CSS、YAML、MarkdownとGraphql、および多くのような言語と互換性のあるコード形式です.
また、書式設定を自動的に行う場合は、ほとんどの場合は、変更をステージングを使用しているときにも素晴らしいです
次の依存関係をインストールします.
次に、特定のGitフックで実行スクリプトを使用するセットアップを簡素化するハスキーを加えましょう.以下に例を示します
と設定が行われます.
設定をテストするには、次のコマンドを実行します.
記事投稿bloggu.io . 無料でお試しください.
プリティは、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 . 無料でお試しください.
Reference
この問題について(あなたの反応のアプリケーションで1分前にprecommitフックを構成する), 我々は、より多くの情報をここで見つけました https://dev.to/koladev/configure-pre-commit-hook-prettier-in-your-react-application-in-1-minute-2lc9テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol