93일차

• Vuex내일 재발표 공부
• 타입스크립트 수업 전 이전 수업 복습

TS구성

설치

$ npn init -y
$ npm i -D typescript 

package.json 설정

"script" : {
   "tsc" : "tsc"
}

구성옵션 작성(tsconfig.json)

{
  "compilerOptions": {
  	"strict" : true,
    "target": "ES2015", //ES6, ESnext
    "outDir": "dist", //출력은 어떤 디렉토리에?
    "baseUrl": "./" // ./ 경로에 dist폴더를 만들어라
  } ,
  "include" : [
    "src/**/*.ts"
  ]
}

main.ts파일 작성

main.ts

interface User {
  name: string
  age: number
}

const user:User = {
   name: 'Heropy',
   age: 85
}

console.log(user)

실행

$ npm run tsc

eslint설정

$ npm i -D eslint @typescript-eslint/eslint-plungin @typescript-eslint/parser

.eslintrc.json

{
  "env": {
    "browser": true,
    "node": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
  ],
  "parser": "@typescript-eslint/parser",
  "rules": {
    "semi": ["error", "never"],
    "quotes": ["error", "single"],
    "eol-last": ["error", "always"],
    //"@typescript-eslint/no-explicit-any": "error" //or "warn"
  }
}