prettier,ESLint,typescript 설치방법 + 저장시 자동실행

추가

default formatter가 preference에 안보여서 유투브를 찾아보았다. 단축키로 해결!

맥: option shift f

 

-- 

 

1. extention 설치:Prettier, Prettier ESLinst

 

2.터미널입력

npm install --save-dev prettier

npm install --save-dev eslint

npm install --save-dev eslint-config-airbnb-base eslint-plugin-import

npm install --save-dev eslint-config-prettier

npm install --save-dev eslint-plugin-node

npm install --save-dev typescript

npm install --save-dev @types/node

 

3 파일만들기 .prettierrc

{
  "semi": false,
  "singleQuote": true
}

 

3-1 폴더와 파일만들기 [.vscode]-setting.json 

{
    "[javascript]" :{
        "editor.formatOnSave" : true,
        "editor.defaultFormatter" : "esbenp.prettier-vscode"
    }
}

 

typescript 실행방법

// @ts-check

 

저장시 자동실행이 안된다면?

팔래트의 preferences - workspace를 켠후

default formatter : prettier로 설정

format on save : 체크