Hello World...

eslint, prettier and airBnB 설치 본문

programming

eslint, prettier and airBnB 설치

FaustK 2019. 12. 26. 15:52

https://gist.github.com/bradtraversy/aab26d1e8983d9f8d79be1a9ca894ab4

 

ESLint, Prettier & Airbnb Setup

ESLint, Prettier & Airbnb Setup. GitHub Gist: instantly share code, notes, and snippets.

gist.github.com

 

eslint, prettier 를 설치 및 에어비앤비 스타일을 적용하기.

 

기본

$ npm i -D eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-node eslint-config-node

 

추가로 에어비앤비 스타일 설치하기

$ npx install-peerdeps --dev eslint-config-airbnb

 

 

vscode prettier, eslint  확장 설치

작업 폴더에 .eslintrc 생성

{
  "extends": ["airbnb", "prettier", "plugin:node/recommended"],
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error",
    "no-unused-vars": "warn",
    "no-console": "off",
    "func-names": "off",
    "no-process-exit": "off",
    "object-shorthand": "off",
    "class-methods-use-this": "off"
  }
}

 

.prettierrc 도 생성

{
  "singleQuote": true,
  "semi": true,
  "useTabs": false,
  "tabWidth": 2,
  "trailingComma": "none",
  "printWidth": 80
}

 

 

vscode 설정에서

 

 

설정 해제

 

format on save 설정 체크

 

 

 

 

 

참고)

https://velog.io/@velopert/eslint-and-prettier-in-react

 

리액트 프로젝트에 ESLint 와 Prettier 끼얹기

ESLint 와 Prettier 는 여러분이 JavaScript 개발을 하게 될 때 여러분들의 개발자 경험을 향상시켜줄, 유용한 도구들 입니다. ESLint 는 자바스크립트 문법검사를 해주는데, 그 문법 검사에 대한 조건에 다양한 옵션을 정해줄 수 있습니다. Prettier 는 코드를 자동으로 정리를 해주는데 다른 도구들과의 주요 차이점은 코드 정리 규칙을...

velog.io

 

https://www.youtube.com/watch?v=SydnKbGc7W8

 

'programming' 카테고리의 다른 글

소켓과 웹소켓  (0) 2020.02.03
자료구조(Data Structure)  (0) 2019.12.30
JEST toBe, toEqual  (0) 2019.12.26
npm 글로벌 패키지 확인 및 삭제하기  (0) 2019.12.26
nvm (mac)  (0) 2019.12.26
'programming' Related Articles more
Comments