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