개발

[GIT] Git hook을 도와주는 Husky & Prettier setting

0hyeon의 2023. 9. 19. 16:47
반응형

Husky는 Git 훅 (Git hooks)을 관리하기 위한 도구로,

프로젝트에서 Git 커밋과 같은 이벤트에 대한 자동화 작업을 설정하고 관리할 수 있게 해주는 도구입니다. Husky를 사용하면 Git 작업을 간단히 사용자 지정 스크립트나 명령어와 연결하여 필요한 작업을 수행할 수 있습니다.

 

사용법은 깃훅이 실행되기 이전에 코드를 돌려주기때문에, 서로 다른 세팅에 어떤 코드 문법이라도 미리 깃훅이 실행되기전에 코드를 획일화 시켜주어, 협업에 도움을 주는 라이브러리 입니다. 

 

-설치

-yarn

yarn add -D prettier
yarn add -D lint-staged husky
yarn husky install 

 

-npm 

npm install --save-dev prettier
npm install --save-dev lint-staged husky

npx husky install

 

 

(package.json 파일devDependencies 밑에 추가)

"lint-staged": {
    "*.{js,jsx,ts,tsx}": [
      "eslint --fix",
      "prettier --write",
      "git add"
    ]
  }

 

-yarn

yarn husky add .husky/pre-commit "yarn lint-staged --no-stash"

 

-npm

npx husky add .husky/pre-commit "npx lint-staged --no-stash"

 

 

이제 git add/commit/push 깃훅 실행시 필터링적용

 

&&

 

-Prettier setting

.prettierignore  파일생성 ,

(생성한파일안에)

node_modules
.next
public

타이핑

 

또 파일생성 
.prettierrc
{
  "semi":false,
  "singleQuote":true,
  "tabWidth":2,
  "useTabs":false
}

반응형