develog

[vscode] prettier 설치 본문

카테고리 없음

[vscode] prettier 설치

냐옴 2024. 11. 1. 16:16

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

Opinionated Code Formatter

prettier.io

 

Prettier 설정

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

 

Prettier · Opinionated Code Formatter

Opinionated Code Formatter

prettier.io

 

 

Comments