前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >推荐一款支持在浏览器上运行 VS Code 的服务端神器 Code-Server

推荐一款支持在浏览器上运行 VS Code 的服务端神器 Code-Server

作者头像
iMike
发布2019-07-30 15:06:58
7.2K1
发布2019-07-30 15:06:58
举报
文章被收录于专栏:运维之美

VS Code 是微软推出的开源代码编辑器,根据 Stackflow 2018 年的统计,它是目前最流行的代码编辑器。VS Code 是一种基于 Electron 开发的桌面端应用。

作为一种桌面软件限制了在服务器端的应用。想利用 VScode 远程调试程序,就需要在控制端安装 VS Code 和相应插件,这样在本地安装 VScode 是一种前提。

Code-Server 是一个由德州叫 Coder 公司开源的一个基于服务器端的 VS Code 的项目。只要服务器端配置好 Code-Server后,你就可以在任何浏览器上使用 VS Code。简单说 Coder 之于 VS Code 就相当于 Rstudio server 之于 Rstudio。

安装 Code-Server

  • 通过二进制包安装

Code-Server 的安装非常简单,目前官方直接就提供了 Linux 和 macOS 的 二进制包,只需要下载对应安装包,解压后直接运行就可以了。

这里以 Linux 系统为例:

代码语言:javascript
复制
$ wget https://github.com/codercom/code-server/releases/download/1.939-vsc1.33.1/code-server1.939-vsc1.33.1-linux-x64.tar.gz
$ tar xzvf code-server1.939-vsc1.33.1-linux-x64.tar.gz

其它平台安装包可在这下载:http://t.cn/EaW2OGh

  • 通过 Docker 安装

如果你觉得二进制安装还是很麻烦的话,你也可以使用 Docker 来一键部署。

代码语言:javascript
复制
$ docker run -it -p 127.0.0.1:8443:8443 -v "${PWD}:/home/coder/project" codercom/code-server --allow-http --no-auth

运行 Code-Server

将下载的 Code-Server 二进制包解压缩,在终端运行 code-server 命令即可在服务器端启动 Code-Server 。

代码语言:javascript
复制
$ cd code-server1.939-vsc1.33.1-linux-x64
$ ./code-server

运行成功后,你就能在终端上看到正在运行中的 Code-Server 的相关信息。包括 IP、Port、和密码。

如果你想在启动时就默认打开一个指定的文件夹,可以运行以下指令:

代码语言:javascript
复制
$ ./code-server <WORKDIR>

例如:你想编辑桌面上的 nodejs 文件夹,你就可以这样执行:

代码语言:javascript
复制
$ ./code-server /home/mike/desktop/nodejs

如果你在启动时想自定义一些参数,比如:IP、端口、密码等。又应该怎么做呢?首先我们来看下 Code-Server 主要支持哪些参数:

代码语言:javascript
复制
USAGE
  $ code-server [WORKDIR]

ARGUMENTS
  WORKDIR  [default: (directory to binary)] Specify working dir

OPTIONS
  -d, --data-dir=data-dir
  -h, --host=host          [default: 0.0.0.0]
  -o, --open               Open in browser on startup
  -p, --port=port          [default: 8443] Port to bind on
  -v, --version            show CLI version
  --allow-http
  --cert=cert
  --cert-key=cert-key
  --help                   show CLI help
  --no-auth
  --password=password

这里最主要的参数有以下几个:

代码语言:javascript
复制
-d, --data-dir=data-dir

该参数主要用于指定数据存放目录。

代码语言:javascript
复制
-h, --host=host

该参数用于指定要绑定的网卡地址,默认为 0.0.0.0。

代码语言:javascript
复制
-p, --port=port

该参数用于指定要绑定的端口,默认为 8443。

  • --cert 和 --cert-key

这两个参数主要用于指定 HTTPS 证书和密钥。

  • --password=password

如果不想使用生成的随机密码,可以使用该参数指定启动密码。

访问 Code-Server

在浏览器中访问 https://[你的ip]:[port] ,例如:https://127.0.0.1:8443。并输入启动 Code-Server 时所产生的密码。

接着就能在浏览器上看到你打开的 VS Code 环境了。

Code-Server 插件安装

Code-Server 目前还不支持在线安装插件,不过它提供了以 .VSIX 方式的安装,下面我们以 Python 插件为例演示插件的安装。

  • 下载 Python 插件

在 Github 中找到 Python 插件的 .VSIX 文件并下载。

代码语言:javascript
复制
$ wget https://github.com/Microsoft/vscode-python/releases/download/2019.4.11881/ms-python-release.vsix
  • 利用 VSIX 安装

目前 Code-Server 并不是所有的 VS Code 插件都支持,但大部分插件都还是可用的。本文只是介绍了 VS Code 在服务器端的简单使用方法,更多高级的应用方法大家可自行探索哟。 参考文档

https://www.google.com

http://t.cn/EaOl3Aj http://t.cn/EaOjqps http://t.cn/EaORdA0

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-04-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 奇妙的Linux世界 微信公众号,前往查看

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Code-Server 的安装非常简单,目前官方直接就提供了 Linux 和 macOS 的 二进制包,只需要下载对应安装包,解压后直接运行就可以了。
  • 这里以 Linux 系统为例:
  • 运行 Code-Server
  • Code-Server 插件安装
  • Code-Server 目前还不支持在线安装插件,不过它提供了以 .VSIX 方式的安装,下面我们以 Python 插件为例演示插件的安装。
相关产品与服务
远程调试
远程调试(Remote Debugging,RD)在云端为用户提供上千台真实手机/定制机/模拟器设备,快速实现随时随地测试。运用云测技术对测试方式、操作体验进行了优化,具备多样性的测试能力,包括随时截图和记录调试日志,稳定的支持自动化测试, 设备灵活调度,用例高效执行, 快速定位产品功能和兼容性问题。云手机帮助应用、移动游戏快速发现和解决问题,节省百万硬件费用,加速敏捷研发流程。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档