利用WebIDE实现随时随地云开发

用砖头敲代码

发布于 2022-08-30 11:11:27

4860

发布于 2022-08-30 11:11:27

文章被收录于专栏：用砖头敲代码

什么是WebIDE

WebIDE 是一款在线集成开发环境( Integrated Development Environment )。开发者只需要一个浏览器就可以编写代码,并在WebIDE 提供的终端环境中运行你的代码,让你告别 Local 环境,开启云端开发模式。

搭建自己的WebIDE

其实腾讯爸爸已经给我们搭建好了一个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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

ide

网站

编程算法

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

ide

网站

编程算法

登录后参与评论

0 条评论

热度