VSCode 플러그인 설치 완료 후 구성(상용 구성)

Vue 구성 요소 설치가 완료된 구성은 다음과 같습니다.
VSCode 플러그인 설치가 완료된 후, 일부 플러그인은 그 기능을 완전하게 사용하려면 settings에 있어야 합니다.json에서 설정하면 됩니다. 다음은 제가 자주 사용하는 설정입니다.

{
  "workbench.iconTheme": "vscode-icons",
  "window.zoomLevel": 0,
  "files.autoSave": "afterDelay",
  "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 플러그인 설치 내용은 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보십시오. 앞으로 많은 응원 부탁드립니다!

좋은 웹페이지 즐겨찾기