/.vsCode/settings.json

기본 환경 설정을 먼저 팀원들과 통일화하는 것이 공통의 코드를 작성하기 용이하므로 핵심 설정들을 공유하였습니다.

{
  "eslint.format.enable": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.fixAll.stylelint": true,
  },
  "stylelint.enable": true,
  "css.validate": false,
  "less.validate": false,
  "scss.validate": false,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true,
  },
}

ESLint

먼저 저희는 다음 패키지를 설치하였습니다.

eslint
eslint-config-prettier

이유는 다음과 같습니다.

• eslint

  ESLint의 핵심 패키지입니다. 해당 패키지는 CLI를 제공하기 때문에 세부적인 패키지들은 따로 설치하지 않고 init 명령어를 통해 간단히 세팅 가능했습니다.

• eslint-config-prettier

  prettier과 충돌하는, 필요하지 않은 모든 규칙들을 끌 수 있습니다.

이후, 세팅은 다음과 같이 하였습니다.

yarn eslint --init