vscode扩展

需求：有时候我们需要导出一份vscode扩展列表清单，然后可以将这份清单发到需要安装扩展的电脑上，然后进行安装扩展。

导出和导入vscode扩展列表命令

参照文档：https://blog.csdn.net/weixin_35744067/article/details/112361132
注意：请不要使用window自带的PowerShell命令窗口，请使用git bash

  1. cd C://Users/12039/.vscode #跳转到安装vscode扩展的位置
  2. code --list-extensions >> vs_code_extensions_list.txt #将扩展列表写入到txt文件中
  3. cat vs_code_extensions_list.txt | xargs -n 1 code --install-extension #将上个步骤生成txt文件搬到新机器的.vscod路径下,然后安装txt文件中扩展列表安装扩展

视频演示

导出和导入扩展列表.mp4

vscode配置文件

打开配置文件

02.gif

修改配置文件

以下是个人的配置文件，将其拷贝过去即可

  1. {
  2.   //窗口顶部显示具体路径
  3.   "window.title": "${dirty}${activeEditorLong}${separator}${rootName}${separator}${appName}",
  5.   //显示空格
  6.   "editor.renderWhitespace": "all", // 控制编辑器在空白字符上显示符号的方式.all:所有空格显示"."
  8.   "window.zoomLevel": 0,
  9.   "git.confirmSync": true, // 同步 Git 存储库前请先进行确认
  10.   "editor.renderControlCharacters": false,
  11.   "editor.minimap.enabled": true, //是否在右侧显示代码地图,觉得占显示代码的视图可以设置为false关掉
  13.   "breadcrumbs.enabled": true, // 开启 vscode 文件路径导航
  15.   "editor.tabSize": 2, //tab间隔大小
  17.   // "explorer.confirmDelete": false,
  19.   "editor.wordWrap": "on", //自动换行
  20.   "prettier.endOfLine": "lf", //
  21.   "liveServer.settings.NoBrowser": true,
  22.   "liveServer.settings.donotShowInfoMsg": true,
  23.   "liveServer.settings.ignoreFiles": [
  24.     ".vscode/**",
  25.     "**/*.scss",
  26.     "**/*.sass",
  27.     "**/*.ts"
  28.   ],
  29.   "liveServer.settings.mount": [],
  31.   "files.trimTrailingWhitespace": true,
  33.   "editor.codeActionsOnSave": {
  34.     "source.fixAll.eslint": true
  35.   },
  37.   "vetur.validation.template": false,
  38.   // #每次保存的时候自动格式化
  39.   "editor.formatOnSave": true,
  40.   // 添加 vue 支持
  41.   "eslint.validate": [
  42.     "javascript",
  43.     "javascriptreact",
  44.     {
  45.       "language": "typescript",
  46.       "autoFix": true
  47.     },
  48.     {
  49.       "language": "typescriptreact",
  50.       "autoFix": true
  51.     },
  52.     {
  53.       "language": "vue",
  54.       "autoFix": true
  55.     },
  56.     {
  57.       "language": "html",
  58.       "autoFix": true
  59.     }
  60.   ],
  62.   // #让prettier使用eslint的代码格式进行校验
  63.   // "prettier.eslintIntegration": true,
  64.   // #去掉代码结尾的分号
  65.   "prettier.semi": true,
  66.   // #使用带引号替代双引号
  67.   "prettier.singleQuote": true,
  68.   //结尾不加逗号
  69.   "prettier.trailingComma": "none",
  70.   // #让函数(名)和后面的括号之间加个空格
  71.   "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  72.   // #让vue中的js按编辑器自带的ts格式进行格式化
  73.   // "vetur.format.defaultFormatter.js": "vscode-typescript",
  74.   // "vetur.format.defaultFormatterOptions": {
  75.   //   "js-beautify-html": {
  76.   //     "wrap_attributes": "force-aligned"
  77.   //     // #vue组件中html代码格式化样式
  78.   //   }
  79.   // },
  80.   "vetur.format.defaultFormatter.html": "js-beautify-html",
  81.   // #让vue中的js按编辑器自带的ts格式进行格式化
  82.   "vetur.format.defaultFormatter.js": "vscode-typescript",
  83.   "vetur.format.defaultFormatterOptions": {
  84.     "js-beautify-html": {
  85.       "wrap_attributes": "force-expand-multiline"
  86.       // #vue组件中html代码格式化样式
  87.     },
  88.     "prettier": {
  89.       "semi": true,
  90.       "singleQuote": true,
  91.       "trailingComma": "none"
  92.     }
  93.   },
  95.   "path-autocomplete.excludedItems": {
  96.     "**/*.js": { "when": "**/*.ts" }, // ignore js files if i'm inside a ts file
  97.     "**/*.map": { "when": "**" }, // always ignore *.map files
  98.     "**/{.git,node_modules}": { "when": "**" } // always ignore .git and node_modules folders
  99.   },
  100.   "path-autocomplete.pathMappings": {
  101.     "@": "${folder}/src",
  102.     "~@": "${folder}/src"
  103.   },
  105.   "alias-skip.mappings": {
  106.     "@": "/src", // 默认只有`@`映射，映射到`/src`，你可以添加更多映射，映射路径必须以`/`开头
  107.     "~@": "/src" // 默认只有`@`映射，映射到`/src`，你可以添加更多映射，映射路径必须以`/`开头
  108.     // "assets": "/src/assets"
  109.     // ...更多映射关系
  110.   },
  112.   "[vue]": {
  113.     "editor.defaultFormatter": "octref.vetur"
  114.   },
  115.   "[jsonc]": {
  116.     "editor.defaultFormatter": "esbenp.prettier-vscode"
  117.   },
  118.   "[typescript]": {
  119.     "editor.defaultFormatter": "esbenp.prettier-vscode"
  120.   },
  121.   "[javascript]": {
  122.     "editor.defaultFormatter": "vscode.typescript-language-features"
  123.   },
  124.   "git.ignoreWindowsGit27Warning": true,
  125.   "[html]": {
  126.     "editor.defaultFormatter": "esbenp.prettier-vscode"
  127.   },
  128.   "typescript.updateImportsOnFileMove.enabled": "always",
  129.   "javascript.updateImportsOnFileMove.enabled": "always",
  130.   "cSpell.userWords": [
  131.     "Aliyun",
  132.     "Pojo",
  133.     "Typegoose",
  134.     "Uncollect",
  135.     "bodyparser",
  136.     "clazz",
  137.     "cqrs",
  138.     "feiyue",
  139.     "midwayjs",
  140.     "picomatch",
  141.     "virtuals"
  142.   ],
  143.   "[json]": {
  144.     "editor.defaultFormatter": "vscode.json-language-features"
  145.   },
  146.   "todo-tree.general.tags": ["TODO", "FIXME", "XXX", "BUG", "HACK", "NOTE"],
  147.   "todo-tree.regex.regex": "(//|#|<!--|;|/\\*|^|^\\s*(-|\\d+.))\\s*($TAGS)",
  148.   "editor.quickSuggestions": {
  149.     "strings": true
  150.   },
  151.   "auto-close-tag.disableOnLanguage": ["typescript"],
  153.   "javascript.implicitProjectConfig.experimentalDecorators": true,
  154.   "security.workspace.trust.untrustedFiles": "open",
  155.   "terminal.integrated.tabs.enabled": false,
  156.   "vsicons.dontShowNewVersionMessage": true
  157. }