vscode 是功能非常强大的开发工具，并且与市面上的 ai 工具能够很好的协同工作，能够大幅提升开发效率。但是在使用时辗转于不同机器面临着开发环境需要重复配置的问题，这里我介绍一种比较方便的工作流用于解决这个问题。
1、安装“Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code”插件，用于将英文界面转换为中文界面
2、创建extensions.json
创建.vscode/extensions.json内容为：
{
"recommendations": [
"ms-ceintl.vscode-language-pack-zh-hans",
"redhat.java",
"visualstudioexptteam.intellicode-api-usage-examples",
"visualstudioexptteam.vscodeintellicode",
"vscjava.vscode-gradle",
"vscjava.vscode-java-debug",
"vscjava.vscode-java-dependency",
"vscjava.vscode-java-pack",
"vscjava.vscode-java-test",
"vscjava.vscode-maven",
]
}
3、创建 java 开发配置
4、在推荐区域安装所有插件
这样所有的插件就能一次性安装完毕了
5、将相关配置导出到本地
下次就可以通过导入将设置导入到当前的 vscode 环境了，这样就实现了同步
6、系统配置列表
7、当某些类 vscode 中无法使用这种方式时的代替方案
有些类 vscode 方式由于对系统做了自定义会导致系统配置中的扩展无法读取，这个时候我们可以直接在.vscode/extensions.json 中写入对应配置达到安装插件的目的：
首先需要使用：
code --profile "vue3 开发环境" --list-extensions | sed 's/^/ "/;s/$/"/' | awk 'BEGIN{print "{\n \"recommendations\": ["} {print $0","} END{print " ]\n}"}' > .vscode/extensions.json来导出你希望导出的系统配置中插件的列表，这里【vue3 开发环境】就是目标例子。
vue:
{
"recommendations": [
"christian-kohler.path-intellisense",
"dbaeumer.vscode-eslint",
"esbenp.prettier-vscode",
"formulahendry.auto-close-tag",
"formulahendry.auto-rename-tag",
"ms-ceintl.vscode-language-pack-zh-hans",
"naumovs.cursor-tools",
"streetsidesoftware.code-spell-checker",
"vue.volar",
"vue.vscode-typescript-vue-plugin",
]
}
java:
{
"recommendations": [
"ms-ceintl.vscode-language-pack-zh-hans",
"redhat.java",
"visualstudioexptteam.intellicode-api-usage-examples",
"visualstudioexptteam.vscodeintellicode",
"vscjava.vscode-gradle",
"vscjava.vscode-java-debug",
"vscjava.vscode-java-dependency",
"vscjava.vscode-java-pack",
"vscjava.vscode-java-test",
"vscjava.vscode-maven",
]
}
然后在【推荐】中就可以安装所有的插件
