자세 한 설명 VS 코드 에 사용 할 Vue 프로젝트 설정 format 코드 포맷
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 코드 를 포맷 할 수 있 습 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
prettier 플러그 인 이.vue 파일 을 포맷 할 때,js 코드 에 eslint 규범 을 적용 하 는 것 을 지원 할 수 없습니다.
그러나 우 리 는 먼저 포맷 한 다음 에 ESLint 를 이용 하여 파일 을 저장 할 때 오류 의 특성 을 자동 으로 복구 하고 분점,빈 칸,들 여 쓰기 등 오 류 를 복구 할 수 있 습 니 다.
참고 자료:
- Vetur
본문 은 나의github에 선발 되 었 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Visual Studio Code(VSCode)로 키보드로 선택을 할 수 있도록 한다Atom이나 Goland 등의 많은 에디터에서는 Ctrl + Shift + F 등으로 문자를 선택 상태로 할 수 있습니다. 이런 녀석입니다. 보통이라면 아래와 같은 키 바인딩이 자주 사용되는군요. Ctrl + Shi...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.