基于 Remote Tunnels 的 VS Code 网页版部署

VS Code 作为一个轻量的程序编辑器,使用十分便捷。作为开源应用,它拥有大量的插件库,具备灵活、可定制等优势。

笔者在使用 VS Code 的同时在思考,能否在任意设备上实现 VS Code 的启动,并且不用一遍又一遍地配置自己的 VS Code 环境,实现云端开发。该目标需要搭建在云服务器上来保证运行环境,但如果你能通过另一台别人的电脑、或者是自己的平板或者手机来实现代码的开发(想象一下可以通过平板加键盘套装舍弃厚重的电脑)。

为此目光聚焦在 VS Code 网页版上。附上官方安装教程链接:VS Code Tunnels 官方文档

一、下载 VS Code CLI

和个人 PC 安装 VS Code 的步骤一样,在 Linux 中只需要保留 VS Code 的核心功能并剔除各种 UI 界面带来的性能浪费,选择 Linux 的 CLI 进行安装。代码如下:

curl -Lk 'https://code.visualstudio.com/sha/download?build=stable&os=cli-alpine-x64' --output vscode_cli.tar.gz
tar -xf vscode_cli.tar.gz

解压后会出现 code 文件,运行 ./code tunnel 指令,命令行会跳出一个 GitHub 连接页面,并且有一个 8 位数的验证码,点击链接输入验证码即可成功进行隧道穿透。

二、开机自启

配置自启动服务,输入以下命令创建 systemd 服务:

sudo vim /etc/systemd/system/vscode-tunnel.service

在文件中粘贴以下内容:

[Unit]
Description=Visual Studio Code Tunnel
After=network.target
Wants=network.target

[Service]
Type=simple
Restart=always
RestartSec=10
ExecStart=/home/yujj/code --verbose --cli-data-dir /home/yujj/.vscode-cli tunnel service internal-run

[Install]
WantedBy=multi-user.target

启动服务:

sudo systemctl enable vscode-tunnel
sudo systemctl start vscode-tunnel

三、访问方式

服务启动后,访问 https://vscode.dev/tunnel/你的隧道名称 即可在浏览器中使用 VS Code,随时随地开发代码!

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇