[vscode] prettier 설치

vscode 에 Prettier 플러그인을 설치한다

prettier 패키지 설치

npm install prettier --save-dev --save-exact

yarn add prettier --dev --exact

.prettierrc 설정 파일

// .prettierrc

{
    "singleQuote": true,
    "trailingComma": "es5",
    "useTabs": false,
    "tabWidth": 2,
    "semi": true,
    "bracketSpacing": true,
    "arrowParens": "always",
    "printWidth": 80
}

파일 포멧팅하기

# 모든 파일 포멧팅
npx prettier . --write

# index.js 파일 포멧팅
npx prettier src/index.js --write

Default Formatter 를 Prettier 로 설정한다

 

Prettier 설치

https://prettier.io/docs/en/install

Prettier · Opinionated Code Formatter

 

Prettier 설정

https://prettier.io/docs/en/options

Prettier · Opinionated Code Formatter