[TS] 타입스크립트 설치, Vscode 셋팅 방법

1. 타입스크립트 설치하기

npm i -g typescript ts-node

 

2. 설치 확인

tsc -v

ts-node -v

 

3. 유용한 vscode 플러그인

Prettier

Tailwind CSS

Headwind

PostCSS Language SUpport

 

4. ts 실행하기

샘플파일!

index.ts

console.log("Hello World!");

ts-node index.ts 실행!

 

5. 프리티어 정리 샘플파일

더블쿼트 -> 싱글쿼트 변경

세미콜론 -> 제거

 

.prettierrc.js

module.exports = {
  bracketSpacing: false,
  jsxBracketSameLine: true,
  singleQuote: true,
  trailingComma: 'none',
  arrowParens: 'avoid',
  semi: false,
  printWith: 90
}

** 프리티어가 적용이 되지 않는다면! vscode 의 설정에 들어가서 format on save 를 체크한다!

File > Preferences > Settings

format on save 입력 -> 체크

성공!

 

** 온김에 tab size 도 2로 변경