admin 管理员组

文章数量: 887836

目录

1、事情起因

2、工具

3、安装termux

4、Ubuntu安装

5、启动Ubuntu

6、安装code-server

7、配置code-server

7.1 变更服务IP

7.2 变更密码

7.3 保存配置文件

7.4 启动code-server并使用浏览器访问

7.5插件设置

7.6 重启,enjoy

8、从github拉取代码

8.1 github创建repo(自备梯子)

8.2 codeserver登录github并拉取/提交仓库


1、事情起因

        每次往返深圳和东莞的通勤时间太长,在高铁/地铁上比较无聊,但高铁网络一言难尽,于是想起在手机上装vscode的想法。在此记录,方便后续重新部署。

        博主尝试了好几种方案,最终选择 termux + code-server + 浏览器 + github 方案,体验而言,处理屏幕小之外其他和电脑几乎无异。

2、工具

        安卓手机一台,建议自备梯子

3、安装termux

        这个可以搜索官网下载apk后安装,比较简单,浮略

4、Ubuntu安装

        方法有很多,这里建议使用tmoe,一键安装,超级方便

        打开termux,根据github的指引,输入指令

. <(curl -L l.tmoe.me)

        然后一通默认值回车即可,中间在选系统的时候选Ubuntu,用户名密码啥的自己输入就好。

        GUI啥的软件啥的就不需要了。。。

5、启动Ubuntu

        在termux里执行tmoe,然后选Ubuntu即可启动,启动后界面如下

6、安装code-server

        参考官方指引https://coder/docs/code-server/install#installsh

        输入以下指令安装:

curl -fsSL https://code-server.dev/install.sh | sh

        看安装完后的提示,可知运行code-server即可启动

7、配置code-server

        首先codeserver有个配置文件,直接执行

code-server

        得到如下提示:

        可知默认配置文件为 /root/.config/code-server/config.yaml ,

        咱们编辑下它        (注意按ctrl+c结束codeserver)。

nano /root/.config/code-server/config.yaml

        以下为默认参数

7.1 变更服务IP

        默认服务IP为127.0.0.1,这个是本地回环地址,只能本机访问,配置一些东西还是没电脑方便,把IP更改为 0.0.0.0 ,就能在同一子网下用电脑访问了。

7.2 变更密码

        在password: 后面删掉原来的hash值,替换为需要的密码即可

7.3 保存配置文件

        根据提示按ctrl + o, 回车保存文件名,再按ctrl + x离开。

7.4 启动code-server并使用浏览器访问

        输入以下指令运行服务器

code-server

        打开浏览器,本地输入0.0.0.0:8080 或 127.0.0.1:8080,电脑则输入当前手机的 IP:8080

        由于我是第一次做配置,就在电脑浏览器操作了。输入密码,直接进来了。

        点击插件,装个简体中文,再重启。

        点击左上角菜单->终端->新建终端,嘿嘿嘿,后续在这里执行命令,比手机上敲好多了。

7.5插件设置

        这个版本目前的插件市场有问题,在插件商店中输入C/C++,如下:

        版本0.10.0,代码跳转和查看功能无法使用,嗯?显然商店的设置有点问题,需要操作一下。

        这个插件不全的问题找了半天,后面在某博主的文章中找到了答案。

        博文链接:https://blog.csdn/liudglink/article/details/123197054,感谢博主

        codeserver终端中输入

nano /usr/lib/code-server/lib/vscode/product.json

        把下面内容追加到文件里(如果不是最后一项注意后面补个英文逗号)

 "extensionsGallery": {
    "serviceUrl": "https://marketplace.visualstudio/_apis/public/gallery",
    "cacheUrl": "https://vscode.blob.core.windows/gallery/index",
    "itemUrl": "https://marketplace.visualstudio/items",
    "controlUrl": "",
    "recommendationsUrl": ""
  }

        我追加的位置如下:

7.6 重启,enjoy

        termux里面输入ctrl + c,然后重启 codeserver即可,此时查看插件

        顺手打开了个vscode,查看插件

        简直一毛一样啊,实测这下可以正常查看及跳转变量

        太他🐱的秀了。

8、从github拉取代码

        在tmoe设置时会提示设置挂载路径,可方便虚拟机和手机之间传输问价,但是安卓的文件管理一言难尽,这里提供一个简单的文件存取方式--------通过github,不过可能会有安全问题,仅用于学习。

8.1 github创建repo(自备梯子)

        先用电脑创建一个项目,用于存放文件,可以在网页上创建,这里使用github desktop。

        接下来传文件,好吧这一步自己搜索操作,此处浮略。

8.2 codeserver登录github并拉取/提交仓库

        依次点击 源代码->克隆仓库

        电脑上操作就比较简单了,不用教了,浮略。

        接下来看看手机端操作,手机端点击后,一路点击出现如下界面

        注意哈,这里不要点击打开,点打开会退出这个界面,要点复制。复制连接后在另一个浏览器里面粘贴访问。这个浏览器别关哈

        上面提示有个代码,在新浏览器github页面输入代码即可。

        然后一通点击就可以拉取仓库,编辑完后就可提交,清自行探索。

        太他🐱的秀了。

本文标签: 浏览器 快速 方法 codeserver vscode