vscode 개발 환경 세팅 Formatting-prettier, Linting-eslint, Type Checking

i33W·2021년 11월 3일
0

prettier

prettier 설치

npm install --save-dev prettier

prettier 적용

.vscode > settings.json

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

.prettierrc

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

eslint

eslint 설치

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

eslint 적용

.eslintrc.js

module.exports = {
  extends: ['airbnb-base', 'plugin:node/recommended', 'prettier'],
}

typescript

typescript 설치

npm install --save-dev typescript

typescript 적용

type checking 원하는 *.js 파일

// @ts-check

node - typescript

typescript 설치

npm install --save-dev @types/node

typescript 적용

type checking 원하는 *.js 파일

// @ts-check

jsconfig.json

profile
더 오래하면 돼.

0개의 댓글