개발환경, 도구

20220422

gu9gu 2022. 4. 22. 15:54

vscode에 eslint,prettier 설치

 

아래 링크 참고하였습니다.

https://helloinyong.tistory.com/325

 

ESLint, Prettier Setting, 헤매지 말고 정확히 알고 설정하자.

ESLint, Prettier 관련해서 환경 세팅을 하면 항상 어쩔 땐 잘되고, 어쩔 땐 안되고... 구글링하면 그렇게 많이 나오는 방식들을 전부 해봐도 계속 안돼서 시간을 그렇게 버릴 때가 많았던 것 같다. 그

helloinyong.tistory.com

 

1.VSCode 확장자에서 ESLint extension 설치

2. $ npm install -D eslint // or $ yarn add -D eslint

3. .eslintrc 파일 프로젝트 밑에 추가

4. $ npm install -D prettier

5.  .eslintrc에 아래 코드 추가

{
  "extends": ["plugin:prettier/recommended"]
}

6. ctrl+shift+p : Open Settings.json(JSON)

{
    .
    .
    .
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    .
    .
}

'개발환경, 도구' 카테고리의 다른 글

20220426  (0) 2022.04.26
20220425  (0) 2022.04.25
20220419  (0) 2022.04.19