预先准备工作:需要准备vscode开发中使用到的node环境的docker镜像。
1、vscode下载
下载地址:https://code.visualstudio.com/Download
选择下载离线环境系统对应的安装包文件
image.png直接下载官网的压缩包文件时,会出现下载速度很慢的问题。
解决办法:修改原下载链接的域名,将az764295.vo.msecnd.net修改成vscode.cdn.azure.cn
2、下载remote-ssh插件
使用该插件是为了在离线环境的vscode能够使用docker中的node环境进行开发
下载地址:https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh
image.pngvscode安装拓展包的步骤:打开工具栏点击“查看” > 选择"拓展" > 点击拓展界面的“...” > 选择“从VSIX安装” > 最后选择下载好的remote-ssh安装包
3、下载和配置remote-ssh连接工具包
这一步的前提,必须要完成前两步。该工具包的作用是用于remote-ssh连接docker环境。
(1)首先打开vscode获取commit-id
image.png点击查看vscode的版本信息,如图所示中commit-id的值为“695af097c7bd098fbf017ce3ac85e09bbc5dda06”,这串内容在下载工具包是使用到
(2)获取工具下载地址
原工具包下载链接:https://update.code.visualstudio.com/commit:<commit-id>/server-linux-x64/stable
需要将commit-id替换上面下载链接中的<commit-id>
因此,当前vscode版本的完整下载链接:https://update.code.visualstudio.com/commit:695af097c7bd098fbf017ce3ac85e09bbc5dda06/server-linux-x64/stable
(3)配置工具包
该步骤需要docker服务已经启动。
首先,进入服务器的路径 /root/.vscode-server/bin/,在该目录下会存在一个与commit-id相同的目录
然后,将下载完成的工具包文件上传到该目录中
最后,将工具包解压后的目录中的所有内容保存在当前路径
(4)vscode测试连接docker服务
在vscode配置ssh连接
image.pngimage.png
如上图提示内容,需要输入ssh连接命令,需要指定端口时加上-p参数
最后默认操作,即可连上docker服务
网友评论