javascript 코딩을 위한 ES Lint 및 Prettier 적용 방법

1. VS Code extension에서 esLint, prettier 설치

: VS Code에서 전역적으로 문법 교정을 사용하기 위함

 

2. npm i -d eslint

: eslint를 dev dependencies에 추가하여 의존사항으로 지정한다

 

3. ./node_modules/.bin/eslint.cmd --init
> style
> commonjs
> none
> No
> browser
> guide
> airbnb
> Javascript
> install them now with npm = yes

: eslint의 실행파일을 실행하여 eslint의 초기 설정을 쉽게 설정

: 실행하는 파일의 경로나 파일명은 다를 수 있음

 

 

4. .eslintrc.js 작성

module.exports = {
  env: {
    browser: true,
    commonjs: true,
    es2021: true,
  },
  extends: [
    'airbnb-base',
  ],
  parserOptions: {
    ecmaVersion: 'latest',
  },
  rules: {
  },
};

 

 

 

5. .prettierrc.js 작성

{
    "singleQuote": true,
    "semi": true,
    "useTabs": false,
    "tabWidth": 2,
    "trailingComma": "es5",
    "jsxSingleQuote": true,
    "printWidth":100
}