linux中安装vscode实现在线IDE远程开发

前言

一台服务器, 一个浏览器 就能实现远程随时随地开发, 无论是在公司 家里 出差 甚至在地铁使用手机

接下来介绍两种在线IDE的实现方式:

第一种 使用docker模式

首先服务端需要安装Docker环境, 然后拉取相关镜像, 步骤如下:

  1. 拉取镜像

    1
    docker pull codercom/code-server
  2. 创建并启动容器

    1
    2
    3
    4
    5
    6
    7
    8
    9
    docker run -id \
    -u root \
    -p 4001:4000 \
    -p 8443:8080 \
    --name=code_server \
    -e PASSWORD=1234 \
    -h code_server \
    -v $PWD/coder:/home/coder \
    codercom/code-server

    参数说明:

    • -u root 表示启用root用户权限 这一步很关键 不然很多文件无法操作
    • -p 8443:8080 将容器的8080端口映射到主机的8443端口 用于浏览器访问
    • -p 4001:4000 将容器的4000端口映射到主机的4001端口 用于开发过程中代码修改后实时更新查看
    • -e PASSWORD=1234 设置远程登录密码
    • -v $PWD/coder:/home/coder将主机中当前目录挂载到容器
    • -h 设置容器的hostname
    • –name=code_server 给容器取个名称
    • $PWD表示当前所在目录

容器成功启动后, 直接在浏览器地址栏输入服务端ip和8443端口即可进入ide

1
http://ip:8443

输入密码后:

image-20210901153731968

远程登录密码修改

code-server中有一个配置文件config.yaml里面存储着登录密码 端口等相关信息:

1
2
3
4
bind-addr: 127.0.0.1:8080
auth: password
password: 1234
cert: false

该配置文件路径为:

1
/root/.config/code-server/config.yaml

直接对该文件进行修改即可

为了方便随时修改配置文件, 我们在启动容器的时候可以对容器配置文件进行挂载:

首先将配置文件拷贝至宿主机中:

1
docker cp code_server:/root/.config/code-server/config.yaml $PWD/config

然后创建并启动容器:

1
2
3
4
5
6
7
8
9
10
docker run -id \
-u root \
-p 4001:4000 \
-p 8443:8080 \
--name=code_server \
-e PASSWORD=1234 \
-h code_server \
-v $PWD/config/config.yaml:/root/.config/code-server/config.yaml \
-v $PWD/coder:/home/coder \
codercom/code-server

这样 直接在宿主机中修改配置文件就可以了

第二种 使用第三方服务

第一种方式相对来说比较吃系统资源, 除此之外我们还可以使用第三方的在线IDE服务, 比如使用coding.net提供的CloudStudio工作空间

其实就是在线vscode, 长这样:

image-20210901165231064

CloudStudio提供了多种环境预设模板, 非常方便, 省下了安装环境的时间

image-20210901165820056

而且还支持预览调试:

预览窗口

coding.net提供两种服务器环境:

  • 一种是官方免费的服务器: 每天4个小时的使用时间 机器性能还不错 使劲造
  • 一种的使用自己的服务器: 没有时间限制

看个人需求了, 如果临时测试用的话 用免费的就行, 如果开发重心转移到远程的话 建议还是使用自己的服务器:

image-20210901170414332

可以通过ssh或者用户名密码的方式连接我们自己的服务器:

image-20210901170155859

相比第一种Docker自建IDE, 从体验和便捷度上来说完胜

而且IDE本身程序是托管于coding.net, 不占用我们服务器资源, 对于小型服务器的用户而言, 优先考虑采用CloudStudio

唯一让人感觉坑爹的是coding.net改版太频繁, 没过几周估计你连入口都找不到

阿里云在线IDE

现在阿里云也推出了Web在线编辑器,名叫 DevStudioCloudStudio类似:

image-20220916140455968

针对Java语言, 阿里云这边使用的是在线Idea, 这对Java开发者而言算是非常便利了

image-20220916140732637

目前DevStudio 公测周期是2021 年 6 月 23 日 ~ 2022 年 12 月 30 日, 估计公测结束后就开始收费了 坑~

国外的在线IDE

  1. Codesandbox

    支持多平台, 云端协作, Github仓库拉取等

    官网: 点击进入

    image-20230418152244210

  2. CodeOpen

    界面和启动速度一般 只能说能用

    官网: 点击进入

    image-20230427101606222

  3. Stackblitz

    以Web开发为主, 支持团队协作和Github仓库拉取, 界面美观, 响应速度快, 个人比较喜欢

    官网: 点击进入

    image-20230427101949813

    image-20230427101712754

本文为作者原创 转载时请注明出处 谢谢

B站入口

打赏通道

微信公众号二维码如下:

img

乱码三千 – 点滴积累 ,欢迎来到乱码三千技术博客站

0%