MacBook Pro上搭建VS Code Server，用平板或手机来查看代码和编程-Toy模板网

这篇具有很好参考价值的文章主要介绍了MacBook Pro上搭建VS Code Server，用平板或手机来查看代码和编程。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

喜欢折腾新技术的人，看到VS Code Server 发布的消息，就想折腾一下，让Macbook和ipad，iphone都能够用来查看代码和编程，提高工作效率。

本文主要是建立本地服务器，使得macbook上的项目工程，能够在其他设备上访问，并且进行查看和编程修改的工作。

首先上一张经典的vscode server的工作原理图：大体意思就是客户端可以通过web浏览器，访问远程部署的vs code server服务器，来访问源代码和进行应用程序的调试和运行工作。客户端不用搭建调试编译环境。 MacBook Pro上搭建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

其中code-server为刚才第一步中下载安装的code-server服务程序， serve-local代表是启动本地的服务， —host 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地址。

http:// 192.168.31.195:8000 /?tkn=58a56473-c48b-43f8-905d-4dd034f989b6

根据页面内容，选择打开本地文件夹，即可查看和编辑代码效果如下：

运行测试后的效果如下：

小结

vs code server将本地机器上的文件夹，代码可以开放给局域网络的其他的设备，这些设备可以是任何可以进行web浏览器访问的设备，这样很方便能够在其他地方进行代码的查看，修改和调试运行。当然一般情况下，也可以方便进行小组讨论，不用抱着电脑到处跑，可以直接在小伙伴的电脑上，打开浏览器就可以讨论修改代码。

另外vscode server可以同github进行绑定也是很方便的。vscode server不开源，这是比较不方便的地方，一切功能都把控在微软的手中，不过目前也已经有了对应的开源项目，期望开源的项目越来越成熟。

文章来源地址https://www.toymoban.com/news/detail-491298.html

到了这里，关于MacBook Pro上搭建VS Code Server，用平板或手机来查看代码和编程的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！