code-server:一个完美的WebIDE

作者:xeonds | 2021.07.06 14:45:18

title: code-server:一个完美的WebIDE
author: xeonds
tags:

  • Linux
  • WebIDE
  • 计算机

categories: []

date: 2021-01-01 21:30:00

趁着放假,想着配置个在线开发环境。于是顺手搜了下。好家伙,还真有。

大概挑了下,这个应该是最方便的了吧。

<!--more-->

下载

项目Github地址 这个是开源项目,可以直接下最新Release或者自己clone后编译

如果下载慢的话,可以试试git加速下载

配置

我的系统是Ubuntu 20.04 LTS,其他Linux应该一样。
输入指令./code-server --help,即可查看相关指令:

Usage: code-server [options]

Run VS Code on a remote server.

Options:
  -V, --version                         output the version number
  --cert <value>
  --cert-key <value>
  -e, --extensions-dir <dir>            Override the main default path for user extensions.
  --extra-extensions-dir [dir]          Path to an extra user extension directory (repeatable). (default: [])
  --extra-builtin-extensions-dir [dir]  Path to an extra built-in extension directory (repeatable). (default: [])
  -d --user-data-dir <dir>              Specifies the directory that user data is kept in, useful when running as root.
  --data-dir <value>                    DEPRECATED: Use '--user-data-dir' instead. Customize where user-data is stored.
  -h, --host <value>                    Customize the hostname. (default: "0.0.0.0")
  -o, --open                            Open in the browser on startup.
  -p, --port <number>                   Port to bind on. (default: 8443)
  -N, --no-auth                         Start without requiring authentication.
  -H, --allow-http                      Allow http connections.
  -P, --password <value>                DEPRECATED: Use the PASSWORD environment variable instead. Specify a password for authentication.
  --disable-telemetry                   Disables ALL telemetry.
  --socket <value>                      Listen on a UNIX socket. Host and port will be ignored when set.
  --install-extension <value>           Install an extension by its ID.
  --bootstrap-fork <name>               Used for development. Never set.
  --extra-args <args>                   Used for development. Never set.
  -h, --help                            output usage information

直接输入指令./code-server即可启动codeserver。
打开浏览器,输入http://localhost:8443即可进入。密码会在终端显示。输入后,即可进入。

登录界面

VSCode同款UI

修改密码

修改密码的指令是

export PASSWORD=你的密码

然后再启动codeserver,就可以使用自定义密码登录了。

后台运行

如果没有安装screen程序,就先安装一下:

apt-get install screen -y

用cd切换到code-server,然后输入以下指令:

screen -dmS code-server ./code-server

这里的第一个code-server是screen的名称,第二个就是code-server程序了。
如果要关闭这个程序,只需要进入这个screen,再用Ctrl+C退出即可:

screen -r code-server
[Ctrl+C]

好了, 这下就可以扔掉本地IDE了 到这里就可以愉快地在线coding了。不过注意,所有文件都是储存在服务器上的哦。


评论