vscode 설정 vue 의 es6 규범 자동 포맷 상세 설명
최근 Vue 를 쓸 때 js es6 포맷 문 제 를 만 났 습 니 다.저 는 평소에 vscode 로 phop 을 쓰기 때문에 포맷 플러그 인 을 설치 합 니 다.html-css-js 플러그 인 도 포함 합 니 다.
문제:vue 문법 규범 문제 로 인해 사용 되 지 않 는 코드 형식 으로 자동 포맷 되 고 코드 오류 등 이상 이 발생 합 니 다.
이 편 을 쓸 때 저도 많은 자 료 를 찾 아 봤 습 니 다.많은 자 료 를 사용 할 수 없 었 고 많은 편집기 도 바 꿨 습 니 다.예 를 들 어 Atom,sublime,webstorm 등 입 니 다.
지 워 지지 않 는 편집기
Atom
이 편집 기 는 진심으로 비 주 얼 이 높 지만 플러그 인 은 정말 하기 어렵 고 여러 가지 벽 에 적응 하지 못 해서 버 리 기로 했 습 니 다.
sublime
동상,예전 에 sublime 은 벽 을 발견 하지 못 했 지만 지금 은 벽 이 있 는 것 같 아서 괴 롭 히 기 싫어 서 버 렸 습 니 다.
webstorm
웹 스 톰 의 강 함 은 설명 하지 않 지만 너무 크 고 느 려 서 화면 이 싫어 하 는 것 이 최종 이유 입 니 다.버 리 세 요.
MAC 설정 에서 vscode 자동 포맷 vue
관련 플러그 인:ESLint,JavaScript(ES6),vetur
관련 플러그 인 을 먼저 설치 합 니 다.settings.json 을 열 고 코드 블록 에 추가 합 니 다.
"eslint.validate": [
"javascript",
"javascriptreact",
{
"language": "html",
"autoFix": true
},
{
"language": "vue",
"autoFix": true
}
],
"eslint.autoFixOnSave": true,
"explorer.confirmDragAndDrop": false,
"editor.detectIndentation": false,
"editor.tabSize": 2,
"vetur.format.defaultFormatter.js": "none"
저장 하고 다시 시작,해결이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
React Typescript 스니펫새로운 구성 요소를 생성할 때 동일한 코드를 입력하는 데 지쳤다면 VS Code가 제공하는 멋진 솔루션인 코드 스니펫 🔥이 있습니다. 다음은 Typescript로 React 구성 요소를 만들기 위한 두 가지 스니펫입...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.