search

PocketBand / frontend-web

포켓밴드 리액트,타입스크립트 기반 반응형 웹
0 stars 0 forks source link

[1주차 진행][EsLInt 및 Prettier 설정] #2

Closed Chominsu98 closed 7 months ago

Chominsu98 commented 7 months ago

기능

EsLInt 및 Prettier 설정

할일

-EsLInt 및 Prettier 설정

일정

~2024.03.26

Chominsu98 commented 7 months ago

<prettier 및 eslint 설정시>

  1. eslint는 extension과 npm 설치 동시가 필요하다

  2. prettier은 익스텐션으로 하거나 직접 설치해서 하는 방법 2가지가 존재한다

  3. 프로젝트 내 .vscode 생성으로 settings.json 직접 설정 시에는 vs코드 열때 해당 프로젝트만 열어줘야지 다른 프로젝트가 포함된 경로로 열면 자체 vscode setting가 먹히게 됨

  4. vscode 프로젝트 내 폴더 생성시 해당 설정을 다른 사람과 공유할 수 있다

참고) https://velog.io/@hameee/TS-React-TypeScript-%EC%B4%88%EA%B8%B0-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0feat.ESLint-Prettier

<사용법>

해당 프로젝트 clone 후

  1. yarn install
  2. market place에서 eslint Extension 다운받기
  3. yarn start