[NodeJS] prettier, eslint 설정

prettier 설정

• Intellij를 사용할 경우 Prettier plugin 설치 필요

• Intellij prettier format 적용 단축키 : CTRL + ALT + SHITF + p

• prettier 설치

  yarn add --dev prettier
  

• ~/.prettierrc.json

  {
      "printWidth": 100,
      "tabWidth": 4,
      "singleQuote": true,
      "trailingComma": "all",
      "bracketSpacing": true,
      "semi": true,
      "useTabs": false,
      "arrowParens": "always",
      "endOfLine": "lf"
  }
  

• ~/.prettierignore

  **/node_modules/**
  ./node_modules/**
  **/.{git,svn,hg}/**
  ./.{git,svn,hg}/**
  

• 전체 파일 check

  prettier --check "**/*.js" "**/*.json" "**/*.css" "**/*.ts" "**/*.tsx"
  

• 전체 파일 fix

  prettier --write "**/*.js" "**/*.json" "**/*.css" "**/*.ts" "**/*.tsx"
  

eslint 설정

• eslint 설치

  # eslint 모듈 설치
  yarn add --dev eslint babel-eslint
  
  # prettier와 함께 사용하기 위한 모듈 설치
  yarn add --dev eslint-config-prettier eslint-plugin-prettier
  
  # import sort 처리를 위한 모듈 설치
  yarn add --dev eslint-plugin-simple-import-sort
  
  # google 스타일의 eslint 모듈 설치
  yarn add --dev eslint-config-google
  

• ~/.eslintrc.json

  {
      "extends": ["google"],
      "parser": "babel-eslint",
      "plugins": ["simple-import-sort"],
      "rules": {
          "indent": "off",
          "object-curly-spacing": "off",
          "simple-import-sort/sort": "error",
          "no-unused-vars": "warn",
          "no-multiple-empty-lines": [
              "error",
              {
                  "max": 1
              }
          ],
          "max-len": [
              "error",
              {
                  "code": 140,
                  "ignoreComments": true,
                  "ignoreTrailingComments": true,
                  "ignoreUrls": true,
                  "ignoreStrings": true,
                  "ignoreTemplateLiterals": true,
                  "ignoreRegExpLiterals": true
              }
          ]
      }
  }
  

• .eslintignore

  node_modules/
  

• 전체 파일 fix

  eslint --fix "**/*.js"