VSCode使用记录

一、介绍

二、使用

2.1 vscode + wsl + git 环境搭建

1. VScode + git + WSL 环境搭建 简单留个笔记
2. git+github+vsode+wsl

2.2 vscode 插件（本地插件、WSL插件、SSH插件）

VS Code的插件可以分为两类：本地插件和远程开发插件。

1. 本地插件（Local Extensions）：这些插件是在本地计算机上安装和运行的，它们为VS Code增加了各种功能和特性，如代码补全、调试功能、语法高亮等。本地插件适用于在本地开发环境中使用，不涉及远程连接。

2. 远程开发插件（Remote Development Extensions）：这些插件允许你通过不同的协议连接到远程服务器或容器，并在本地的VS Code中进行远程开发和编辑。远程开发插件包括了多个子类别，如SSH插件、WSL插件、容器插件等，具体取决于你要连接的远程环境。这些插件提供了与远程环境的无缝集成，让你可以在本地的VS Code中使用远程环境的文件、工具和调试功能。

需要注意的是，远程开发插件通常需要在本地和远程环境之间建立连接，并进行一些配置和设置。这些插件能够显著提高远程开发的效率，让你可以在本地使用VS Code进行远程开发，而无需直接在远程环境中操作。

2.2.1 SSH 远端服务器插件批量迁移

由于内网服务器不能连外网，所以vscode+SSH连接后没法下载插件。

这里通过另外一台可以上外网的服务器（Linux x64）下载好插件，然后将/home/mayue/.vscode-server/extensions插件目录打包到另外一台服务器，重新启动vscode再SSH连接就好了。

• PC端本地插件：SSH-remote等插件通过离线安装。
• SSH远程服务器端插件：借助其他能上网服务器下载好，然后导整个目录的方式。

vscode插件离线下载网址：https://marketplace.visualstudio.com/

注意：下载时选择对应的架构和系统

2.2.2 vscode git

1. VSCode git 配置心得
2. VSCode中的git使用篇

2.2.3 vscode 插件推荐

• 最新最全 VSCODE 插件推荐（2022版）
• 这就是我想要的 VSCode 插件！

---

1. 汉化插件Chinese
2. vscode git集成插件：Git History 和 GitLens
3. vscode svn插件：
4. 快速跳出括号/选中括号内容：Bracket Jumper
5. 括号颜色高亮：Bracket Pair Colorrizer
6. WSL+VSCode食用指南

2.2.4 vscode Bracket Jumper 插件 选中大括号内容

• vscode 如何快速跳出括号

bracket-jumper.ascendLeft: { Mac: ctrl+up, Windows/Linux: ctrl+alt+up }
bracket-jumper.ascendRight: { Mac: ctrl+down, Windows/Linux: ctrl+alt+down }
bracket-jumper.selectAscendLeft: { Mac: ctrl+shift+up, Windows/Linux: ctrl+alt+shift+up }
bracket-jumper.selectAscendRight: { Mac: ctrl+shift+down, Windows/Linux: ctrl+alt+shift+down }

三、配置

• vscode 自动识别文件编码格式
• 设置文件自动保存：文件 - 自动保存

VSCode使用
https://zhuanlan.zhihu.com/p/113222681
https://www.cnblogs.com/chnmig/p/12160248.html

vscode-码云-git-插件-使用
https://www.jianshu.com/p/b3b7b9192aa6

如何在vscode中使用GitLab
http://www.javashuo.com/article/p-yqayvyfn-dn.html

VSCode中的git使用篇
https://blog.csdn.net/weixin_38023551/article/details/105785223

VS code代码颜色插件
https://blog.csdn.net/weixin_44766633/article/details/106189703

vscode设置 点击某个变量高亮的颜色（当前文件）
https://blog.csdn.net/ljt_229/article/details/104284350

五、问题记录

5.1 vscode ssh: Resolver error: Error: XHR failedscode错误

• 原文地址：https://blog.csdn.net/m0_38040006/article/details/126752751

需求：通过vscode查看或者修改远程服务器上的代码
问题：通过vscode ssh连接远程服务器失败，报错：Resolver error: Error: XHR failedscode
原因：因为代码有安全需求，所以服务器不能联网，导致服务器端没有能顺利安装vscode-server

解决方式：先手动ssh到远程服务器，查看服务器路径：
~/.vscode-server/bin/3b889b090b5ad5793f524312312112 ； bin后面是commit 号码每个机器可能不一样；
我这个目录是自动生成的，因为在本机端尝试使用vscode 通过 Remote-SSH 模块链接到远程服务器，在链接过程中，vscode会让远程服务器创建出这个目录，然后自动下载 vscode-server.tar.gz
本地已经有这个文件了，但是size=0

解决办法：在有网的电脑上下载，然后传到远程服务器上面去

1. 下载 vscode server from url: https://update.code.visualstudio.com/commit:3b889b09…(这是上面那串数字，每个电脑不一样,替换掉)/server-linux-x64/stable
2. 下载到本地后把这个文件上传到服务器上 ~/.vscode-server/bin/${commit_id} 这个路径
3. 解压这个文件，使用命令：tar zxvf vscode-server-linux-x64.tar.gz --strip 1
4. touch ~/.vscode-server/bin/${commit_id}/0 这个一定要执行，否则vscode远程链接还是不能成功
5. 记得要删除原来目录下的这个文件（vcsode-remote-lock…），才能连接，不然总是让你输入ssh 密码
   
   接下来vscode就可以顺利链接到服务器了

5.2 VsCode系列：如何显示项目中的.git文件！

• VsCode系列：如何显示项目中的.git文件！