喜欢折腾新技术的人,看到VS Code Server 发布的消息,就想折腾一下,让Macbook和ipad,iphone都能够用来查看代码和编程,提高工作效率。
本文主要是建立本地服务器,使得macbook上的项目工程,能够在其他设备上访问,并且进行查看和编程修改的工作。
首先上一张经典的vscode server的工作原理图:大体意思就是客户端可以通过web浏览器,访问远程部署的vs code server服务器,来访问源代码和进行应用程序的调试和运行工作。客户端不用搭建调试编译环境。
这里的例子是将VS Code Server 布置到Macbook上,并且通过平板或手机来进行访问。
平板和Macbook之间通过家庭的无线网络路由器,连接组成的局域网络。
搭建的方法很简单,一共三步:
1)第一步:在Macbook上下载安装VS Code Server,利用如下命令:
wget -O- https://aka.ms/install-vscode-server/setup.sh | sh
安装速度取决于网络速度,期间根据提示输入本机的用户密码即可。
2)第二步:在Macbook 上启动code-server,用如下的命令
code-server serve-local --host 192.168.31.195
192.168.31.195 表明绑定的ip地址为 192.168.31.195。这里的 192.168.31.195是演示的macbook的ip地址。如果不指定ip那么ip默认用127.0.0.1,平板不一定能够访问的到。端口没有特别在命令中指定,缺省用8000。如果本机的8000被占用了,也可以指定别的。具体有哪些可以设置的选项,可以用 code-server help serve-local 来查看。
运行这个命令后,将看到:
3)第三步:用平板或者手机来访问web服务
在平板上打开浏览器输入第二步最后输出的http链接即可。把localhost变为内部网络ip地址。
192.168.31.195:8000 /?tkn=58a56473-c48b-43f8-905d-4dd034f989b6
根据页面内容,选择打开本地文件夹,即可查看和编辑代码效果如下:
运行测试后的效果如下:
小结
vs code server将本地机器上的文件夹,代码可以开放给局域网络的其他的设备,这些设备可以是任何可以进行web浏览器访问的设备,这样很方便能够在其他地方进行代码的查看,修改和调试运行。当然一般情况下,也可以方便进行小组讨论,不用抱着电脑到处跑,可以直接在小伙伴的电脑上,打开浏览器就可以讨论修改代码。
另外vscode server可以同github进行绑定也是很方便的。vscode server不开源,这是比较不方便的地方,一切功能都把控在微软的手中,不过目前也已经有了对应的开源项目,期望开源的项目越来越成熟。