vscode 主题、settings.json

主题:one dark pro
图标:vscode-icons
插件:
Chinese
Auto Close Tag
Auto Rename Tag
HTML CSS Support
TODO Highlight
JavaScript
JavaScript (ES6) code snippets
Live Server
vue
Vetur
Vue 2 Snippets
Vue 3 Snippets
vue-helper(可以解决在vue文件里ctrl+左键无法跳转到定义)
ctrl+左键在html里点击class、id跳转到对应位置(安装了可能需要重启):
CSS Navigation
CSS Peek
Vue CSS Peek
Vue Peek
ESLint
HTML Snippets
IntelliSense for CSS class names in HTML
Prettier - Code formatter
GitLens — Git supercharged
Git Blame
Git History

ctrl+左键:打开的文件会覆盖当前窗口
解决:


image.png

打开新文件夹新开窗口:Open Folders In New Window选on
或者直接ctrl+shift+n新开窗口再打开文件夹


image.png
{
  "files.autoSave": "afterDelay",
  "http.proxyAuthorization": null,
  "workbench.colorTheme": "One Dark Pro",
  "typescript.validate.enable": true,
  "javascript.validate.enable": true,
  "window.openFilesInNewWindow": "on",
  "git.ignoreMissingGitWarning": true,
  "editor.minimap.enabled": false,
  "workbench.editor.enablePreview": false,
  "window.menuBarVisibility": "default",
  "editor.fontFamily": "Consolas, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "window.zoomLevel": 0,
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  "workbench.tree.renderIndentGuides": "always",
  "emmet.triggerExpansionOnTab": true,
  "editor.tabSize": 2,
  "editor.formatOnSave": true,
  "editor.lineHeight": 22,
  //  #让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  //  #使用单引号替代双引号
  "editor.tokenColorCustomizations": {
    "keywords": "#C678DD",
    "variables": "#c97874",
    "strings": "#98C379",
    "functions": "#61AFEF",
    "numbers": "#FFB639",
    "comments": "#5C6370",
    "types": "#489c3c",
    "textMateRules": [
      {
        "name": "CSS: Property Names",
        "scope": [
          "meta.property-name",
          "support.type.property-name"
        ],
        "settings": {
          "foreground": "#92920b"
        }
      }
    ]
  },
  "editor.fontSize": 15,
  "window.openFoldersInNewWindow": "on",
  "css.lint.duplicateProperties": "warning",
  "editor.rulers": [],
  "auto-close-tag.activationOnLanguage": [
    "xml",
    "php",
    "blade",
    "ejs",
    "jinja",
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "plaintext",
    "markdown",
    "vue",
    "liquid",
    "erb",
    "lang-cfml",
    "cfml",
    "HTML (EEx)",
    "HTML (Eex)",
    "plist"
  ],
  "explorer.confirmDragAndDrop": false,
  "editor.detectIndentation": false,
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
  },
  "prettier.semi": true, //去掉代码结尾的分号
  "prettier.singleQuote": true, //使用带引号替代双引号
  "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
  // eslint配置
  "eslint.format.enable": true, // eslint格式化开启
  "eslint.validate": [
    // eslint校验的文件列表
    "javascript",
    "vue",
    "html"
  ],
  /* 添加如下配置 */
  "vetur.format.defaultFormatter.js": "vscode-typescript", // 取消vetur默认的JavaScript格式化工具
  "[javascript]": {
    "editor.defaultFormatter": "dbaeumer.vscode-eslint" // 只采用eslint的格式化
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur" // vue文件还是采用vetur格式化
  },
  // 格式化
  // "[javascript]": {
  //   "editor.defaultFormatter": "vscode.typescript-language-features"
  // },
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.showUnused": true,
  "workbench.colorCustomizations": {
    "editorUnnecessaryCode.border": "#ff0000"
  }
}

你可能感兴趣的:(vscode 主题、settings.json)