利用vscode remote-browser插件功能编辑termux下的代码

前面说过安装wcode或code-server给termux增加远程编辑功能,让有大显示器的PC机通过浏览器来编辑termux上的代码。

#### 2022年9月,code-server更新了,在termux0.118版本安装方法如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$ pkg install -y \
build-我essential \
binutils \
pkg-config \
python3 \
nodejs-lts
$ npm config set python python3
$ node -v # 查看node版本
$ npm install --global code-server --unsafe-perm
# 如果有报错,可能是用老方法安装,组件缺失引起以前安装错误,这里先执行一下
$ npm cache clean -f
然后再安装
$ code-server # 然后退出
$ ~/.config/code-server/config.yaml #更改端口与密码

一. 老方法再次回顾一下。

1
2
3
4
5
6
7
8
# 安装wcode并执行,wcode九年没有更新了,功能缺失
$ npm install -g wcode
$ wcode -p 8090 myblog/source/
# 安装code-server,配置后执行
$ npm install -g code-server
$ code-server # 运行成功后,再退出。
$ cd ~/.config/code-server
$ vim config.yaml # 更改端口与密码

然后在PC端浏览器输入 192.168.x.x:8090,就可象vscode一样的编辑打开termux下的文件了

以上两个软件的好处是本机运行简单,掉线上浏览器刷新可重新连接,但是特别耗电。用了一会儿,手机发烫,肿么办?

二 利用termux的ssh server与Vscode的remote-browser插件配合,也能实现。

  1. 在termux下安装openssh,并配置运行,见我的另一篇笔记。然后运行

    1
    $ sshd
  2. 在PC端的vccode安装remote-broswer插件

  3. vscode下菜单–>文件–>首选项–>设置–>左侧列表里选“扩展”—>remote-browser configuration–>在settings.json中编辑,然后会弹出编辑页面。增加语句

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    #添加远程登录的主机地址、用户账号及访问的端口即可
    "remoteBrowser.connectionOptions": {

    "host": "192.168.x.x",

    "username": "u0_axxx",

    "port": 8022

    },

    保存后退出

  4. 在vscode下,按下快捷键 Crl+Shit+P, 在弹出的菜单中选择 remote-browser: connect, 然后会有刚才编辑的选项 192.168.x.x,选择后,会弹出输入密码的对话框,输入密码连接。如果连接成功,会在右下解显示remote-browser:Connected

  5. 然后点击,vscode左侧的“资源管理器”图标。会有一个”REMOTE BROWSER”的选项,点击后,会看到termux的目录,然后打开文件吧

第二种办法,手机只运行ssh server,损耗小,不会掉电严重