vscode搭建远程开发环境

野性酷女 2022-10-05 04:44 263阅读 0赞

> 新公司的开发模式是远程开发，将代码环境部署到虚拟机中，然后使用vscode远程连接进行开发，使用下来感觉也挺方便的，特此记录

### 文章目录 ###

*   *   *   *  1. 配置免密登录
             *  2.服务器安装vscode-server
             *  3. vscode安装插件

*  本机 windows10
 *  远程开发机 ubuntu18.04

#### 1. 配置免密登录 ####

windows:  
执行`ssh-keygen`,一路按回车，在用户目录下生成.ssh目录  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDUzMjY2_size_16_color_FFFFFF_t_70]  
ubuntu:  
同样执行`ssh-keygen`,一路按回车，在用户目录下生成.ssh目录，然后将window上的`id_rsa.pub`文件放到linux的.ssh目录下并修改文件名称为`authorized_keys`  
![在这里插入图片描述][20210606151742834.png]  
验证免密登录是否设置成功:  
在windows上执行`ssh 用户名@host`，无需输入密码即可登录成功，则设置成功.  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDUzMjY2_size_16_color_FFFFFF_t_70 1]

#### 2.服务器安装vscode-server ####

1.  打开vscode->help->about  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDUzMjY2_size_16_color_FFFFFF_t_70 2]
2.  可以看到里面有个commit信息，打开下面链接，会下载一个vscode-server-linux-x64.tar.gz的压缩包  
    `https://update.code.visualstudio.com/commit:{你的vscode commit}/server-linux-x64/stable`
3.  创建目录.vscode-server,并在该目录下创建子目录`{你的vscode commit}`
4.  解压缩:`tar -xvf vscode-server-linux-x64.tar.gz`,并将解压内容放到刚刚创建的子目录下  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDUzMjY2_size_16_color_FFFFFF_t_70 3]

#### 3. vscode安装插件 ####

vscode安装`Remote-SSH`插件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDUzMjY2_size_16_color_FFFFFF_t_70 4]  
安装完成后,左侧多了一个小电脑标志，点击这个标志然后点击右侧加号新建远程环境。

输入`ssh 用户名@host`，然后按照提示选择你用户名下的.ssh文件夹

同时连接的时候还会在这个位置让你选择你连接的服务器类型，一般选linux.  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDUzMjY2_size_16_color_FFFFFF_t_70 5]  
当vscode左下角出现这样的标识，说明大功告成。  
![在这里插入图片描述][20210606154327758.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDUzMjY2_size_16_color_FFFFFF_t_70]: /images/20221005/da11df66f32e4d5e9a8c3bc7e857056f.png
[20210606151742834.png]: /images/20221005/f12bcc9f4a6c43058e92392ba2c8619e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDUzMjY2_size_16_color_FFFFFF_t_70 1]: /images/20221005/fd19f6ee1e8849bc8d4d15f51364baff.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDUzMjY2_size_16_color_FFFFFF_t_70 2]: /images/20221005/95eb8b9de4fb497cad41a4c71dcc3949.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDUzMjY2_size_16_color_FFFFFF_t_70 3]: /images/20221005/2d8f7ca8fd9c45fda153cbd7e9d3dba7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDUzMjY2_size_16_color_FFFFFF_t_70 4]: /images/20221005/d800c816596745b3a79bc1e5bdc981e4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NDUzMjY2_size_16_color_FFFFFF_t_70 5]: /images/20221005/23b19decda544bebbef0cee421e65086.png
[20210606154327758.png]: /images/20221005/0b41e2cdb32a475a998defe7d9d1a6dc.png