타입스크립트 - Prettier 설정 끄기

dobyming·2022년 12월 21일
0

Typescript Study

목록 보기
5/17
post-custom-banner

Setting 순서

  1. 1_todo 폴더로 이동합니다. (또는 본인이 작업하고자 하는 폴더로 이동합니다.)

    ⇒ 이때 윈도우일 경우에는, git bash로 handling 하는 것을 추천합니다.

  2. 해당 폴더로 이동했다면 npm i 명령어 실행 후 node_modules 폴더가 잘 설치 됐는지 확인합니다.

  3. index.ts 파일로 이동하여 다음과 같이 노란색 line들이 뜨는지 확인합니다. (format on save가 off 상태 됐다는것을 의미)

(만약 위와 같이 노란색 line들이 안나온다면 이렇게 해결 해보세요)

참고 사이트

  1. VS code 상에서 ctrl+shift+p 키를 누르고, 사용자 설정 열기(JSON)을 클릭합니다.
  2. 이동 후, 다음과 같이 JSON 설정값을 입력합니다
"eslint.workingDirectories": [
        {"mode": "auto"}
    ],
  1. 저장 후, 만약 index.ts 파일에 노란색+빨간색 줄이 같이 뜬다면 eslintrc.js 파일로 이동하여 다음과 endOfLine: ‘auto’ 를 작성합니다
rules: {
    'prettier/prettier': [
      'error',
      {
        singleQuote: true,
        semi: true,
        useTabs: false,
        tabWidth: 2,
        printWidth: 80,
        bracketSpacing: true,
        arrowParens: 'avoid',
        endOfLine: 'auto',
      },
    ],

다시 확인해보면 노란색 줄만 뜨는 것을 볼 수 있습니다.

post-custom-banner

0개의 댓글