推荐一款神器:在浏览器中运行 vscode,随时随地写代码

  • 瞎比比
  • 什么都别说,先上图
  • 需要什么配置条件?
  • 如何配置?
  • 关于 vscode 的插件
  • 配置一个 python 开发环境
  • 遇到的错误

瞎比比

最近看到 iPadOS 出来了,各种牛逼的操作真的很有吸引力,于是咬咬牙买了 iPad air。买来之后,当然是研究怎么提高效率了,于是就寻找、研究各种高效的软件。折腾了一段时间,各种 APP 都找得差不多了(有机会给大家分享一下),唯一的缺陷就是不能写代码。一次偶然的机会,让我看到了一个 GitHub 项目:code-server,一个在浏览器中使用 vscode 编辑器的项目

什么都别说,先上图

在笔记本 Chrome 浏览器上显示如图
iPad Safari浏览器显示如图,并运行了 python 代码

Code-server 项目地址:Github 地址

怎么样,看图之后有没有很心动?不过这不是官方的项目,据说 5 月份的时候,官方也打算出一款网页的,但是至今没有什么消息。

需要什么配置条件?

  • 一颗爱折腾的心
  • 一台至少 1 核 2 g 的云服务器
  • 一个可以访问网络的浏览器
  • 需要有 docker 的基础知识
  • 一个随时随地为公司加班的心 🤦‍♀️

如何配置?

我这篇文章是使用 docker 来搭建 vscode 的,如果你不懂 docker,可以查看我以前的 docker 入门文章,传送门:

如果你跟随官网的使用方法去搭建,那么恭喜你,踩坑了!就算搭建成功,并且能成功登陆页面,在你进行新建文件等各种操作的时候,他会提醒你,你没有权限完成该操作。
正确的使用方法应该是这样的:

docker run --user root -it -p "8080:8080" -v "/your/path/vscode/project:/home/coder/project" docker.io/codercom/codercom/code-server:v2  --allow-https --auth password

比官网的命令多一个:

—user root

是以 root 用户运行 docker 的意思,这样就不会出现没有权限问题了。

—auth password

是否加入登陆密码验证,如果没有加入的话,那么任何人都可以通过访问地址来访问你的编辑器了。

关于 vscode 的插件

在早一些的版本中,是无法在编辑器中直接安装插件的。最新的版本好了一些,大部分插件都能直接搜索并且安装。但是还是有少部分无法安装成功。这里提供一种离线安装的思路:
到网页版商店下载离线包,VSCode 扩展商店网页版:https://marketplace.visualstudio.com/vscode
搜索扩展,进入到详情页之后,选择右下角的 Download Extension 下载离线包。


之后在扩展界面选择Install from VSIX,选择路径安装。

配置一个 python 开发环境

code-server 正式版 V2 版本是无法成功配置 python 开发环境的,因为 V2 版本中无法在 vscode 中添加 python 配置。好在作者在试用版中 fix 了这个问题,其有效的版本如下:

docker run --user root -it -p "8080:8080" -v "/your/path/vscode/project:/home/coder/project" docker.io/codercom/code-server:2.1523-vsc1.38.1  --allow-https --auth password

然后在这个 docker 容器中安装 python3,打开 vscode debug 按钮下的命令行,输入如下命令:


apt-get install python3

接下来,将 python3 重命名为 python:

cd /usr/bin
mv python3 python

然后在 vscode 中加载一个文件夹作为项目目录(/home/coder/project),如图:



由于我已经使用过了,所以也新建了几个 python 文件,
接下来,在 vscode 中,配置你的 python 环境,如图:


配置完成之后,再在扩展库中找一些自己常用的工具库,那么就可以愉快的在浏览器中编辑 python 了。当然其他语言的也是差不多的操作。

遇到的错误

这里就罗列一下此次折腾中遇到的问题,如果你遇到问题解决不了,可以加我微信:

  • 新建文件没有权限
  • vscode 插件无法安装
  • 配置好插件后,无法运行调试
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 151,511评论 1 330
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 64,495评论 1 273
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 101,595评论 0 225
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 42,558评论 0 190
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 50,715评论 3 270
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 39,672评论 1 192
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,112评论 2 291
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 29,837评论 0 181
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 33,417评论 0 228
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 29,928评论 2 232
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,316评论 1 242
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 27,773评论 2 234
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,253评论 3 220
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,827评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,440评论 0 180
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 34,523评论 2 249
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 34,583评论 2 249

推荐阅读更多精彩内容