WebIDE 是 一款在线集成开发环境( Integrated Development Environment )。 开发者只需要一个浏览器就可以编写代码,并在WebIDE 提供的终端环境中运行你的代码,让你告别 Local 环境,开启云端开发模式。
其实腾讯爸爸已经给我们搭建好了一个WebIDE,但是我感觉既然是WebIDE肯定要和实际的生产环境相联系比较好,所以在这里推荐给大家Code-Server(可以理解为在线版的VSCode),接下来教大家如何搭建自己的WebIDE
1.下载Code-Server(GitHub:点我下载),我们可以下载最新的releases版
wget https://github.com/cdr/code-server/releases/download/v3.3.1/code-server-3.3.1-linux-x86_64.tar.gz
因为我使用的是Centos7.7,所以下载的是x86_64版本 2.下载好了之后,解压,并进入文件夹
tar -xzvf code-server-3.3.1-linux-x86_64.tar.gz
cd code-server-3.3.1-linux-x86_64
3.启动code-server,别忘了开放相关端口
./code-server
4.到这里就大工完成,可以在浏览器输入http://127.0.0.1:8448来访问,如果打不开请参考下面修改配置
(PS:默认密码就在配置文件里面,如果不想有密码访问可以执行./code-server --auth none
)
Code-Server默认配置在/root/.config/code-server/config.yaml
里面
bind-addr: 0.0.0.0:8080 #如果是内网的话可以监听127.0.0.1:8080,外网的话建议监听0.0.0.0:8080,端口号是8080
auth: password
password: 默认密码 #默认是个随机的,这里随便改
cert: false #false不启用sll,true启用ssl,启用的话会提示证书错误,自行解决
````
### 绑定域名与隐藏端口
1.绑定域名:直接把域名解析到服务器上就可以了(麻麻说用宝塔更方便哦)
2.隐藏端口:昨天看一个大佬的解决方法是反向代理,把http://127.0.0.1:8448反向代理到域名就可以了
(PS:关于这个反向代理我没研究过,昨天试了几次都失败了,也有可能是我使用Apache的原因)
### Code-Server后台运行
看网上的帖子是使用``nohup``,在这里我建议使用``Screen``,也方便后期管理
1.安装Screen
yum -y install screen
2.使用screen执行code-server
screen -S code-server ./code-server
3.后期管理
screen -r code-server
### Code-server的使用
一切都跟VSCode一样,包括汉化,安装插件等,这就不需要我在多说了吧。
如无特殊说明《利用WebIDE实现随时随地云开发》为博主MoLeft原创,转载请注明原文链接为:https://moleft.cn/post-137.html