자세 한 설명 VS 코드 에 사용 할 Vue 프로젝트 설정 format 코드 포맷

편집기 의 또 다른 중요 한 기능 은 코드 포맷 입 니 다.VS Code 는 기본적으로.js,.html 등 일반적인 파일 포맷 을 제공 합 니 다.
vue 파일 포맷 지원 추가
vue 파일 에 대한 포맷 지원 을 추가 합 니 다.
1.Vetur 플러그 인 설치
2.VS Code 설정 에 다음 과 같은 규칙 을 추가 합 니 다.

{
   "vetur.format.defaultFormatter": {
    "html": "prettier",
    "css": "prettier",
    "postcss": "prettier",
    "scss": "prettier",
    "less": "prettier",
    "js": "prettier",
    "ts": "prettier",
    "stylus": "stylus-supremacy"
  }
}
Vetur 기본 포맷 플러그 인 prettier 를 설정 합 니 다.이렇게 하면.vue 파일 의 html 와 javascript 코드 를 포맷 할 수 있 습 니 다.
ESLint 규범 에 맞 는 포맷 사용 하기
1.prettier 를 사용 하여.js 파일 을 포맷 합 니 다.
prettier 를 포맷 할 때 항목 의.eslintrc 설정 을 읽 고 js 코드 를 포맷 할 수 있 습 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
  • 먼저 VS 코드 에 prettier 플러그 인 설치
  • VS Code 설정 에 다음 설정 추가
  • json
  • "prettier.eslintIntegration": true
  • 2.vue 파일 포맷
    prettier 플러그 인 이.vue 파일 을 포맷 할 때,js 코드 에 eslint 규범 을 적용 하 는 것 을 지원 할 수 없습니다.
    그러나 우 리 는 먼저 포맷 한 다음 에 ESLint 를 이용 하여 파일 을 저장 할 때 오류 의 특성 을 자동 으로 복구 하고 분점,빈 칸,들 여 쓰기 등 오 류 를 복구 할 수 있 습 니 다.
    참고 자료:
    - Vetur
    본문 은 나의github에 선발 되 었 다.
    이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

    좋은 웹페이지 즐겨찾기