在浏览器中编程,Code-Server的部署-阿里云开发者社区

开发者社区> 阿里云高校学研支持计划> 正文

在浏览器中编程,Code-Server的部署

简介: Code-Server的部署
###### 当你使用安卓设备或者是ipad设备的时候,是不是十分希望它能够写代码? ###### 这时候你就应该尝试一下code-server了 ###### 今天就和大家介绍一下code-server的使用 > 项目地址:https://github.com/cdr/code-server 在项目的readme中,它这样描述: > Run VS Code on any machine anywhere and access it in the browser. 是的没错,这个项目通过web-vscode实现coding everwhere. 实际上,vscode是基于Electron开发的,而 Electron 是使用Web技术栈(JavaScript, HTML和CSS)来开发跨平台桌面应用的。所以,把 VS Code 搬到浏览器中是可行的。 而现在的vscode源码中,已经包含了web版vscode,有能力的可以尝试自己编译一下。我之前尝试过,无论是在win还是linux都会出现很多的错误,不知道是网络问题还是依赖的问题 ###### 不过今天我们会通过release来部署code-server,实现coding in web 环境:ubuntu 20 1.第一步毫无疑问就是更新软件列表: > sudo apt-get update ``` Hit:1 http://mirrors.cloud.aliyuncs.com/ubuntu focal InRelease Hit:2 http://mirrors.cloud.aliyuncs.com/ubuntu focal-updates InRelease Hit:3 http://mirrors.cloud.aliyuncs.com/ubuntu focal-security InRelease Reading package lists... Done ``` 2.下载release文件 > wget https://github.com/cdr/code-server/releases/download/v3.6.2/code-server-3.6.2-linux-amd64.tar.gz 国内的下载速度比较慢,大家喝杯茶耐心等待 3.解压下载的文件 > tar -xzvf code-server-3.6.2-linux-amd64.tar.gz ``` root@iZwz92:~# ls code-server-3.6.2-linux-amd64 code-server-3.6.2-linux-amd64.tar.gz ``` 4.进入目录 > cd code-server-3.6.2-linux-amd64 > cd bin 使用以下命令可以查看帮助 > ./code-server --help 6.修改密码 > export PASSWORD=123456 7.启动code-server > ./code-server --auth password --port 8080 --host 0.0.0.0 --port后面跟的是端口,密码是前面改的密码 默认的端口是8080 ``` root@iZwz92:~/code-server-3.6.2-linux-amd64/bin# ./code-server --auth password --port 8080 [2020-11-04T12:30:27.741Z] info Using user-data-dir ~/.local/share/code-server [2020-11-04T12:30:27.750Z] info code-server 3.6.2 9bde62fbd611a7 [2020-11-04T12:30:27.750Z] info Using config file ~/.config/code-server/config.yaml [2020-11-04T12:30:27.756Z] info HTTP server listening on http://0.0.0.0:8080 [2020-11-04T12:30:27.757Z] info - Using password from $PASSWORD [2020-11-04T12:30:27.757Z] info - To disable use `--auth none` [2020-11-04T12:30:27.757Z] info - Not serving HTTPS ``` ###### 浏览器中输入你的服务器的IP地址或者域名就可以访问了,不过记得要在安全组放行端口。 ###### 看到这个页面就成功了 ![1.PNG](https://ucc.alicdn.com/pic/developer-ecology/78eb7bd64fc7430da2a0bb2da68e6a16.png)

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
阿里云高校学研支持计划
使用钉钉扫一扫加入圈子
+ 订阅

阿里云高校学研支持计划旨在为高等院校师生提供包括算力、培训、平台 等全方位支持,助推高校计算机学科建设、培养数字经济时代的前沿技术人才、为多学科跨 领域科研探索提速增效。目前,我们已经开启了学生成长计划、教学支持计划和科研加速 三大板块。精彩内容,先睹为快。

官方博客
申请加入高校学研支持计划
友情链接