뷰는 최근 인해 설치 코드 탐지 도구 ESlint에, 프로젝트를하고 , 각 구문 경고 후 작성된 코드가 많이 발견, 많은 찾기 구성 문제는 몇 가지 작은 쑤, settings.json 프로파일의 현재 기록을 가지고있다.
(1) 다음과 같이
다음과 같이 2, settings.json 문서는 다음과 같습니다
{ // 기본적으로 활성화 VSCode의 tabsize가 자동으로 파일 유형 옵션에 따라 설정 "editor.detectIndentation" 거짓 , // tabsize를 재설정 "editor.tabSize": 2 , // # 때마다 당신은 때 자동 서식 저장 "편집기를 .formatOnSave ": true로 , // # 코드는 eslint 형식으로 복구하는 시간을 절약 할 때마다 "eslint.autoFixOnSave : " 참으로 , // 지원 VUE를 추가 "eslint.validate " : [ 자바 스크립트" " , "javascriptreact을 " , { "언어": "VUE" , "자동 수정"사실 } ], //eslint의 검증에 사용 # 예뻐 코드 형식하자 "prettier.eslintIntegration을" true로 , // # 코드 세미콜론의 끝 제거 "prettier.semi을" false로 , // # 대체 따옴표로 인용하여 "prettier.singleQuote을" : true로 , // # 기능 (이름을)하자 후면 브래킷을 더한 공간 사이 "javascript.format.insertSpaceBeforeFunctionParenthesis" true로 , // # 선택하여 사용자 자신의 습관 "vetur.format.defaultFormatter.html"을 " 아름답게-HTML-JS는 " , // #의 VUE는 TS 형식과 함께 제공되는 편집기에 따라 형식 JS에서 보자 ": "VSCode - 타이프 스크립트"vetur.format.defaultFormatter.js " , "vetur.format을.defaultFormatterOptions " : { "JS - 더 아름답게-HTML" : { "wrap_attributes": "포스 - 정렬 된" // #vue 구성 요소의 HTML 코드 형식 패턴 } } // 형식 스타일러스, 만타의 스타일러스 패권 위젯을 설치해야합니다 "stylusSupremacy.insertColons을" 거짓 , // 콜론 삽입할지 여부를 "stylusSupremacy.insertBraces" 거짓을 , // 괄호 삽입 여부 "stylusSupremacy.insertSemicolons을" 거짓 , // 하위 좋은 삽입 여부 "stylusSupremacy.insertNewLineAroundBlocks을" 거짓 , // 이 개 선택 랩 여부 "stylusSupremacy.insertNewLineAroundImports"거짓 //여부 가져 오기 후 줄 바꿈 }