vscode 구성 편집기는 사용자 정의 할 수

. // 1默认配置
//
사용자 { "git.ignoreMissingGitWarning" 사실 , "editor.quickSuggestions" : { "문자열": 사실 }, "editor.tabSize": 2 , "window.zoomLevel": 0 , "검색 .location ":"패널 " , } // 관리자 { "eslint.autoFixOnSave " 사실 , "eslint.validate " : [ "자바 스크립트 " , "javascriptreact " , { "언어 ":"VUE " , "자동 수정" 사실 } ], "files.associations" : { "*의 .vue": "VUE" } }

내 구성 :

{ // VSCode 테마 설정 
    "editor.tabSize": 2 ,
     "editor.lineHeight": 24 ,
     "editor.renderLineHighlight": "없음" ,
     "editor.renderWhitespace": "없음" ,
     "editor.fontFamily": "Consolas를 " ,
     "editor.fontSize ": 15 ,
     "editor.cursorBlinking ""부드러운 " ,
     "editor.multiCursorModifier ":"ctrlCmd " ,
     "editor.formatOnPaste을 " true로 ,
     // 같은 프롬프트 정의 조각 조각을 허용할지 여부를 개통 후 정의 VUE 조각은 스마트 팁이 될 수 있기 때문에 
    "editor.snippetSuggestions" "최고 " ,
     "workbench.iconTheme ":"vscode-아이콘 " ,
    "workbench.colorTheme": "하나 어둠의 프로 생생한" ,
     "workbench.startupEditor": "newUntitledFile" ,
     "html.suggest.angular1" 거짓 ,
     "html.suggest.ionic" 거짓 ,
     "files.trimTrailingWhitespace" 사실 ,
     // vetur插件格式化使用아름답게内置规则 
    "vetur.format.defaultFormatter.html": "JS--HTML을 아름답게" ,
     // VScode文件搜索区域配置 
    "search.exclude" : {
         "** / DIST" 사실 ,
         "** / 빌드" 사실 ,
         "** / elehukouben " 사실 ,
         "** / 자식을. ":true로 ,
         "** / gitignore". true로 ,
         "** / SVN". true로 ,
         "** / 된 .DS_Store". true로 ,
         "** / IDEA." true로 ,
         . "** / VSCode" false로 ,
         "** / yarn.lock" true로 ,
         "** / tmp를" true로 
    ,} 
    // 같은 node_modules으로, 파일 검색 영역을 제외 (기본 설정 친밀한 차단했습니다) 
    "files.exclude을" : {
         "* . * / IDEA " true로 ,
         "** / yarn.lock " true로 ,
         "** / tmp를 "사실 
    } 
    //구성 파일 연결은 wxss 사용 CSS로 해당 스마트 팁, 수 있도록 
    "files.associations을" : {
         "* .vue": "VUE" ,
         "* .wxss": "CSS를" 
    }, 
    // 구성 탭은 개미 활성화됩니다 약어 확장 
    "emmet.triggerExpansionOnTab을" true로 ,
     // 같은 쓰기 개미 확대 파일 확장자 VUE에 의해 HTML 파일과 같은 파일 형식에 대한 구성 개미 지원 
    "emmet.syntaxProfiles을" : {
         "HTML-VUE": "HTML" ,
         " VUE ":"HTML " ,
         "자바 스크립트 ":"javascriptreact " ,
         // 기본적으로 XML 파일 형식은 작은 따옴표가 아닌 단일 인용 부호의 개방 개미 인식이다 
        "XML을 " :
            { "attr_quotes": "하나" 
        } 
    } 
    //jsx는 개미의 지원으로 반응 추가 
    "emmet.includeLanguages" : {
         "JSX - 라임 - 바벨 - 태그": "javascriptreact를" 
    }, 
    // eslint 감지를 열 수 있는지 여부 
    "eslint.enable" 거짓 ,
     // 파일이 저장됩니다 자동으로 따라 eslint 포맷 여부를 때, 
    "eslint.autoFixOnSave" true로 ,
     // eslint 프로필 
    "eslint.options" : {
         "플러그인" : [
             "HTML" ,
             "자바 스크립트" , 
            {
                 "언어": "VUE" ,
                 "자동 수정"사실 
            },
             "VUE" 
        ] 
    },
    // 파일 형식 eslint이 접미사로 식별 할 수 있습니다 
    "eslint.validate" : [
         "자바 스크립트" ,
         "javascriptreact" ,
         "HTML" ,
         "VUE" ,
         "를 타이프 라이터" ,
         "typescriptreact을" 
    , 
    // 바로 가기 키 방식은 숭고한를 사용하여 바로 가기 키 
    "sublimeTextKeymap.promptV3Features은" 참으로 ,
     // 서식 바로 가기 Alt + F + 셔츠 
    // 귀엽 포맷을 수행하도록 구성 eslint 설치 여부, 우리는 거짓 추천 
    "prettier.eslintIntegration을" true로 ,
     // 경우 사실, 우리는 대신 따옴표 작은 따옴표 사용 
    "예뻐합니다.singleQuote " 사실 ,
     // 자세한 구성을 자식 역사 기록 정보 디스플레이 케이스를 저지 gitlen 
    "gitlens.advanced.messages을" : {
         "suppressCommitHasNoPreviousCommitWarning" 거짓 ,
         "suppressCommitNotFoundWarning" 거짓 ,
         "suppressFileNotUnderSourceControlWarning" 거짓 ,
         "suppressGitVersionWarning" 거짓 ,
         " suppressLineUncommittedWarning " 거짓 ,
         " "suppressNoRepositoryWarning 거짓 ,
         "suppressResultsExplorerNotice " 거짓 ,
         "suppressUpdateNotice "사실 ,
        "suppressWelcomeNotice": false로 
    } 
    // 실제 기계 동기화 와이파이 오픈 apicloud의 vscode 
    "apicloud.port": "23450" ,
     // 실제 기계 vscode 동기화 루트에 apicloud 무선 랜을 제공하는 
    "apicloud.subdirectories" " / apiclouduser " ,
     // 자동 당겨 가능 여부를 자식 
    "git.autofetch을 " true로 ,
     "vsicons.dontShowNewVersionMessage " true로 ,
     "window.zoomLevel ": 0 ,
     "colorize.ignore_search_variables_info " true로 ,
     "files.autoSave " "afterDelay" ,
     "[jsonc] ' :
        { "editor.defaultFormatter": "vscode.json - 언어 기능"
    } 
}

권장 사항 :

{
   "Workbench.startupEditor": "welcomePage" ,
   "vetur.format.defaultFormatter.js": "타이프 스크립트-VSCode" ,
   "javascript.format.insertSpaceBeforeFunctionParenthesis" true로 ,
   "editor.quickSuggestions" : {
       "기타" true로 ,
       "댓글": true로 ,
       "문자열" true로 
  }, 
  // 같은 자기 정의 스마트 팁이 될 수 VUE 조각 후 열기로 프롬프트 정의 조각 조각 허용할지 여부를 
  "최고": "editor.snippetSuggestions" ,
   "workbench.iconTheme을 ":"VSCode-iconsThe " ,
   "editor.tabSize "2 ,
   "eslint.validate" :
     //"자바 스크립트", 
    "javascriptreact" ,
     "HTML" ,
     "VUE" , 
    {
       "언어": "HTML" ,
       "자동 수정" 사실 
    } 
  ],
   "eslint.autoFixOnSave" 사실 ,
   "window.zoomLevel": 0 ,
   " search.location ":"패널 " ,
   "gitlens.advanced.fileHistoryFollowsRenames " 거짓 ,
   "peacock.favoriteColors " : [ 
    {
       "이름 ":"각도 레드 " ,
       "값을 ":"#의 b52e31 "
    }, 
    {
       "이름": "Auth0 오렌지" ,
       "값을": "#의 eb5424"
    }, 
    {
       "이름": "푸른 블루" ,
       "값을": "#의 007fff" 
    }, 
    {
       "이름": "C # 퍼플" ,
       "값": "#의 68217A" 
    }, 
    {
       "이름": "개츠비 퍼플 " ,
       "값 ":"# 639 " 
    }, 
    {
       "이름 ":"이동 시안 " ,
       "값 ":"#의 5dc9e2 " 
    }, 
    {
       "이름 ":"자바 블루 그레이 " ,
       "값 ":"# 557c9b " 
    }, 
    {
       "이름 ":"자바 스크립트 노란색 " ,
       "값 ":"#의 f9e64f " 
    }, 
    {
       "이름 ":"Mandalorian 블루 " ,
      "값": "#의 1857a4" 
    }, 
    {
       "이름": "노드 그린" ,
       "값": "# 215732" 
    }, 
    {
       "이름": "블루 반작용" ,
       "#의 00b3e6": "값을" 
    ,} 
    {
       "이름": "다른 뭔가" ,
       "값": "# 832561" 
    }, 
    {
       "이름": "뷰 그린" ,
       "값": "# 42b883" 
    } 
  ,
   "[자바 스크립트]" : {
     "편집기 .defaultFormatter ":"esbenp.prettier-vscode "
  },
   "git.autofetch" 사실 
}

권장 플러그인 및 구성 :

https://zhuanlan.zhihu.com/p/64021066

추천

출처www.cnblogs.com/wheatCatcher/p/11199988.html