VSCode 플러그 인 설치 완료 후 설정 설명

VSCode 플러그 인 설치 가 완료 되면 일부 플러그 인 은 그 기능 을 완전히 사용 하려 면 settings.json 에서 설정 해 야 합 니 다.다음은 제 가 자주 사용 하 는 설정 입 니 다.

{
  "workbench.iconTheme": "vscode-icons",
  "window.zoomLevel": 0,
  "files.autoSave": "off",
  "eslint.runtime": "",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "eslint.codeAction.disableRuleComment": {},
  "eslint.codeAction.showDocumentation": {},
  "editor.formatOnSave": true,
  "vetur.completion.scaffoldSnippetSources": {},
  "vetur.format.defaultFormatter.html": "prettier",
  //         snippet    
  "editor.snippetSuggestions": "top",
  "editor.fontSize": 14,
  "editor.fontWeight": "400",
  "editor.formatOnType": true,
  "guides.enabled": false,
  "editor.tabSize": 2,
  "git.confirmSync": false,
  "editor.renderWhitespace": "boundary",
  "editor.cursorBlinking": "smooth",
  "editor.minimap.enabled": true,
  "editor.minimap.renderCharacters": false,
  "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
  "editor.codeLens": true,
  //       ，         
  "files.associations": {
    "*.vue": "vue",
    "*.wxss": "css",
    "*.cjson": "jsonc",
    "*.wxs": "javascript"
  },
  //   emmet    tab    
  "emmet.triggerExpansionOnTab": true,
  //   emmet        
  "emmet.syntaxProfiles": {
    "javascript": "jsx",
    "vue": "html",
    "vue-html": "html"
  },
  //     eslint  
  "eslint.enable": true,
  // eslint    
  "eslint.options": {
    "extensions": [
      ".js",
      ".vue"
    ]
  },
  "git.autofetch": true,
  "workbench.colorTheme": "One Dark Pro",
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  "minapp-vscode.disableAutoConfig": true,
}

이 설정 은 vue 든 html 이 든 ctrl+/주석 코드 를 직접 사용 할 수 있 습 니 다.ctrl+s 시 eslint 포맷 코드 를 사용 할 수 있 습 니 다.for,foreach,map 등의 자동 완성 코드 등 일련의 단축 동작 을 입력 하 십시오.
VSCode 플러그 인 설치 완료 후 설정 에 대한 자세 한 설명 은 여기 서 소개 합 니 다.더 많은 관련 VSCode 플러그 인 설치 후 설정 내용 은 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 찾 아 보 세 요.앞으로 도 많은 지원 바 랍 니 다!