插件

https://www.bilibili.com/video/BV1C7411M7Qt

推荐插件：https://mp.weixin.qq.com/s/nhnJoNfOtxmgwnFvLrRJfA

基础

  • Chinese 中文汉化

  • Auto Close Tag 自动添加闭合标签

  • Auto Complete Tag 自动补全标签对

  • Auto Rename Tag 自动修改标签对

  • HTML CSS Support

  • EditorConfig for VS Code

  • JavaScript (ES6) code snippets

  • Live Preview 预览 html

  • Version Lens

  • Vetur

  • Vue 3 Snippets

  • Vue.js Extension Pack

  • npm Intellisense

  • Xmind Viewer

  • Markdown Editor

增强

  • Ant Design Snippets
  • uniapp-snippet
  • uniapp小程序扩展
  • Vant Snippets
  • Code Spell Checker 代码拼写检查
  • CSS Peek 根据 css id 或 class 快速查看定义内容
  • Import Cost 显示导入资源的大小
  • Live Sass Compiler 实时编译 scss 或 sass
  • Path Intellisense 路径提示
  • path-alias 路径别名，帮助文件跳转

美化

  • Color Highlight 给颜色值上色，直观看到颜色效果
  • Dracula Official、Vuesion Theme 主题
  • Better Comments
  • Highlight Matching Tag 选中标签后，使成对的标签高亮
  • indent-rainbow 对齐美化
  • vscode-icons

效率

  • Bookmarks 书签

  • change-case 拼写转换

  • IntelliJ IDEA Keybindings

  • Project Manager 项目管理

  • Smart IME 中英输入法自动切换

    1
    2
    3
    4
    "ime-and-cursor.ChineseIM": "com.sogou.inputmethod.sogou.pinyin",
    "ime-and-cursor.EnglishIM": "com.apple.keylayout.ABC",
    "ime-and-cursor.obtainIMCmd": "/usr/local/bin/im-select",
    "ime-and-cursor.switchIMCmd": "/usr/local/bin/im-select {im}",

  • Turbo Console log: 选中变量，生成输出日志代码。Pressing ctrl + alt + L (Windows) or ctrl + option + L (Mac)

  • SVN

  • Todo Tree： TODO 注释树形展示

  • Git History： 查看和管理 Git 历史记录

  • GitLens： Git 功能扩展

  • Git Graph： 图形化展示 Git 分支和提交历史

  • Partial Diff： 比较文件中选定的内容

  • Toggle Zen mode: 专注模式

AI

  • TONGYI Lingma

  • Tencent Cloud AI Code Assistant

  • iFlyCode

  • CodeGeek

Web服务及代理

  • Live Server
1
2
3
4
5
6
"liveServer.settings.port": 8080,       // 默认端口
"liveServer.settings.proxy": { // 代理配置
  "enable": true, // 开启代理
  "baseUri": "/zhzf", // 代理接口
  "proxyUri": "http://127.0.0.1:7011/zhzf" // 代理到目标服务接口
},

代码质量

  • ESLint、Prettier - Code formatter、Vetur
  • ESLint Chinese Rules
  • Prettier ESLint
  • Code Spell Checker 代码拼写检查提示

配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
{
  "liveServer.settings.port": 8080, //默认端口
  // 端口代理
  "liveServer.settings.proxy": {
    "enable": true,
    "baseUri": "/zhzf",
    "proxyUri": "http://127.0.0.1:7011/zhzf"
  },
  "extensions.autoCheckUpdates": false, // 检查更新关闭
  "workbench.iconTheme": "vscode-icons", // 图标主题
  "workbench.editor.enablePreview": false, //打开文件默认预览模式
  "workbench.editor.empty.hint": "hidden",
  "workbench.settings.editor": "json", // json 格式显示配置信息
  "window.openFoldersInNewWindow": "on", // 打开文件夹时打开新窗口
  "editor.minimap.enabled": true, //右侧快速预览
  "editor.fontSize": 16, //编辑器字体大小
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.codeLens": true,
  "explorer.confirmDelete": false, // 删除文件前确认
  "explorer.confirmDragAndDrop": true, // 移动时是否需要确认
  "files.autoSave": "afterDelay", //编辑自动保存
  "bracket-pair-colorizer-2.depreciation-notice": false,
  "IFLYCODE.AutoTriggerTimeDelay": 1,
  "[vue]": {
    "editor.defaultFormatter": "Vue.volar"
  },
  "editor.quickSuggestions": {
    //开启自动显示建议
    "other": true,
    "comments": true,
    "strings": true
  },
  "editor.tabSize": 2, //制表符符号eslint
  "editor.defaultFormatter": "esbenp.prettier-vscode", //编辑器格式化工具
  "editor.formatOnSave": false, //每次保存自动格式化
  "prettier.eslintIntegration": true, //让prettier使用eslint的代码格式进行校验
  "prettier.semi": false, //是否显示代码结尾的分号
  "prettier.singleQuote": false, //使用单引号替代双引号
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和后面的括号之间加个空格
  "vetur.format.enable": true, //格式化开启
  "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
  "vetur.format.defaultFormatter.js": "prettier",
  "vetur.format.defaultFormatter.css": "prettier",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto" // 仅在超出行长度时才对属性进行换行
    },
    "prettier": {
      "semi": false,
      "singleQuote": false
    }
  },
  "eslint.validate": ["vue", "javascript", "html"],
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  // 编辑器中不显示的文件或文件夹
  "files.exclude": {
    "**/.idea": true,
    "**/.mvn": true,
    "**/node_modules": true,
    "**/unpackage": true,
    "**/.hbuilderx": true,
    "**/.vscode": true,
    "**/target": true,
    "**/logs": true,
    "**/dist": true
  },
  "svn.path": "/usr/local/bin//svn",
  "uniapp-vscode.jsAutoApi": true,
  "uniapp-vscode.jsAutoCompletion": true,
  "uniapp-vscode.jsHover": true,
  "bookmarks.gutterIconFillColor": "none",
  "workbench.colorCustomizations": {
    "bookmarks.lineBackground": "#0077ff2a",
    "bookmarks.lineBorder": "#FF0000",
    "bookmarks.overviewRuler": "#157EFB88"
  },
  "ime-and-cursor.ChineseIM": "com.sogou.inputmethod.sogou.pinyin",
  "ime-and-cursor.EnglishIM": "com.apple.keylayout.ABC",
  "ime-and-cursor.obtainIMCmd": "/usr/local/bin/im-select",
  "ime-and-cursor.switchIMCmd": "/usr/local/bin/im-select {im}",
  "javascript.suggest.paths": true, // path 路径提示
  "pathAlias.aliasMap": {
    "@": "${cwd}/src"
  },
  "search.followSymlinks": false,
  "git.autorefresh": false,
  "svn.autorefresh": false,
  "workbench.colorTheme": "Dracula Soft",
  "diffEditor.ignoreTrimWhitespace": false
}

Java&SpringBoot

基础

  • Extension Pack for Java
  • Spring Boot Extension Pack
  • Spring Boot Dashboard

增强

  • MybatisX
  • Lombok Annotations Support for VS Code

代码质量

  • Alibaba Java Coding Guidelines

Subversion 项目 SVN 地址变更

1
svn switch --relocate 老地址 新地址