본문 바로가기

JavaScript

Node.js 심화 1주차_1

728x90

Node.js 심화 1주차_1


코드 서식 정리

 

코드 서식 관리 도구 : Prettier

 

📌 프리티어 설치(Terminal)

npm i prettier -D

코드 작성을 조금 더 편리하게 해주는 도구이므로 devDependency 옵션

 

📄.prettierrc.js

module.exports = {
    "printWidth": 80, //  줄 바꿈 할 폭 길이
    "tabWidth": 2, // 탭 너비 
    "singleQuote": true, // single 쿼테이션 사용 여부
    "trailingComma": "all", // 여러 줄을 사용할 때, 후행 콤마 사용 방식
    "jsxBracketSameLine": false, // JSX의 마지막 `>`를 다음 줄로 내릴지 여부
}

 

권장하는 규칙

module.exports = {
  trailingComma: 'es5',
  tabWidth: 2,
  semi: true,
  singleQuote: true,
  arrowParens: 'always',
};

 

📄package.json > script

"prettify": "prettier --write *.js **/*.js"

script에 prettify 추가

 

📌 프리티어 실행(Terminal)

npm run prettify

 


 

📌 VS Code Plus-In

prettier code formatter
format document 설정

 

'JavaScript' 카테고리의 다른 글

Node.js 심화 1주차_2  (0) 2022.12.26
Node 숙련 개인과제 ER다이어그램  (0) 2022.12.26
Node.js 숙련 주차 개인 과제_3  (0) 2022.12.23
Node.js 숙련 주차 개인 과제_2  (1) 2022.12.22
Node.js 숙련 주차 개인 과제_1  (0) 2022.12.22