VSCode Prettier 설정

 

Prettier 자동 코드 형식 맞춰 주기

 

ESLint : js 코드 문제점 고쳐 주기

 

 

vue create 프로젝트명 을 PowerShell에서 실행해서 만들었습니다. typescript를 사용하는 기본 프로젝트를요

 

 

package.json에 아래를 추가 했습니다.

"prettier": "^3.2.4",

"eslint": "^8.56.0",

"eslint-config-prettier": "^9.0.0",

"@vue/eslint-config-prettier": "^9.0.0",

    "prettier-plugin-organize-imports": "^3.2.4"

 

 

.prettierrc.json에 추가

 

{

  "$schema": "https://json.schemastore.org/prettierrc",

  "semi": false,

  "tabWidth": 2,

  "singleQuote": true,

  "printWidth": 120,

  "trailingComma": "none",

  "bracketSpacing": true,

  "arrowParens": "always",

  "vueIndentScriptAndStyle": false,

  "bracketSameLine": true

}

 

ctrl + , 로 설정 창에서 아래 검색한다.

 

 

 

이렇게 하면 저장시 포맷 잘 바꿔 준다.