code-server:一个完美的WebIDE

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

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

下载

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

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

配置

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
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

修改密码

修改密码的指令是

1
export PASSWORD=你的密码

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

后台运行

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

1
apt-get install screen -y

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

1
screen -dmS code-server ./code-server

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

1
2
screen -r code-server
[Ctrl+C]

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