vscode 使用记录

mayue_csdn

已于 2024-02-27 17:12:18 修改

阅读量664

点赞数

分类专栏：工具文章标签： vscode

于 2022-03-12 15:51:16 首次发布

本文链接：https://blog.csdn.net/mayue_web/article/details/123445032

版权

工具专栏收录该内容

51 篇文章 4 订阅

订阅专栏

文章目录

二、使用
三、配置
五、问题记录

vscode ssh 配置：文件、用户权限（离线配置）
vscode ssh 密钥登录配置：
vscode git：不要每次输入用户名和密码（指定带用户名和密码的URL）

二、使用

2.1 ssh密钥登录，避免每次登录都输入密码

ssh密钥登录，避免每次登录都输入密码

操作步骤：

windows下通过cmd生成密钥对：ssh-keygen -t rsa
- 公钥：C:\Users\user/.ssh/id_rsa.pub
- 私钥：C:\Users\user/.ssh/id_rsa
将公钥id_rsa.pub拷贝到服务器用户目录下：~/.ssh 并重命名成 authorized_keys

配置vscode ssh 指定本地密钥

Host 10.234.111.201
   HostName 10.234.111.201
   User root
   ForwardAgent yes
   IdentityFile "c:\Users\mayue\.ssh\id_rsa"

2.1 vscode + wsl + git 环境搭建

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

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

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

2.2.3 vscode 插件推荐

汉化插件Chinese
vscode git集成插件：Git History 和 GitLens
vscode svn插件：
快速跳出括号/选中括号内容：Bracket Jumper
括号颜色高亮：Bracket Pair Colorrizer
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 }

2.3 ssh密钥登录，避免每次登录都输入密码

ssh密钥登录，避免每次登录都输入密码

三、配置

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

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

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

接下来vscode就可以顺利链接到服务器了