MacBook Pro上搭建VS Code Server,用平板或手机来查看代码和编程

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

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之间通过家庭的无线网络路由器,连接组成的局域网络。
MacBook Pro上搭建VS Code Server,用平板或手机来查看代码和编程
搭建的方法很简单,一共三步:
1)第一步:在Macbook上下载安装VS Code Server,利用如下命令:
wget -O- https://aka.ms/install-vscode-server/setup.sh | sh
安装速度取决于网络速度,期间根据提示输入本机的用户密码即可。
MacBook Pro上搭建VS Code Server,用平板或手机来查看代码和编程
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 来查看。
运行这个命令后,将看到:
MacBook Pro上搭建VS Code Server,用平板或手机来查看代码和编程
3)第三步:用平板或者手机来访问web服务
在平板上打开浏览器输入第二步最后输出的http链接即可。把localhost变为内部网络ip地址。
http:// 192.168.31.195:8000 /?tkn=58a56473-c48b-43f8-905d-4dd034f989b6
根据页面内容,选择打开本地文件夹,即可查看和编辑代码效果如下:
MacBook Pro上搭建VS Code Server,用平板或手机来查看代码和编程
运行测试后的效果如下:
MacBook Pro上搭建VS Code Server,用平板或手机来查看代码和编程
小结
vs code server将本地机器上的文件夹,代码可以开放给局域网络的其他的设备,这些设备可以是任何可以进行web浏览器访问的设备,这样很方便能够在其他地方进行代码的查看,修改和调试运行。当然一般情况下,也可以方便进行小组讨论,不用抱着电脑到处跑,可以直接在小伙伴的电脑上,打开浏览器就可以讨论修改代码。
另外vscode server可以同github进行绑定也是很方便的。vscode server不开源,这是比较不方便的地方,一切功能都把控在微软的手中,不过目前也已经有了对应的开源项目,期望开源的项目越来越成熟。

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【Linux】Android平板上远程连接Ubuntu服务器code-server进行代码开发

    准备一台虚拟机,Ubuntu或者centos都可以,这里以VMwhere ubuntu系统为例 下载code server服务,浏览器访问:https://github.com/coder/code-server,复制下载链接 打开ubuntu命令行下载 出现需要输入ubuntu的登录账户密码,输入密码即可,然后等待安装完成 以下信息表示安装成功 接着输入以下命

    2024年02月05日
    浏览(43)
  • Android平板浏览器远程Ubuntu服务器使用code-server编程写代码

    准备一台虚拟机,Ubuntu或者centos都可以,这里以VMwhere ubuntu系统为例 下载code server服务,浏览器访问:https://github.com/coder/code-server,复制下载链接 打开ubuntu命令行下载 出现需要输入ubuntu的登录账户密码,输入密码即可,然后等待安装完成 以下信息表示安装成功 接着输入以下命令设置

    2024年02月03日
    浏览(30)
  • 浏览器内写代码,微软发布 VS Code Server!

    整理 | 彭慧中 责编 | 屠敏 出品 | CSDN(ID:CSDNnews) 致力于为开发者提供更好工具的软件巨头微软,最近又为开发者带来了新的惊喜。 7 月 7 日,微软重磅推出 Visual Studio Code Server 服务,这是一项在远程开发机器上运行的后端服务。 用户可以将该服务安装在任何位置(本地开

    2024年02月04日
    浏览(46)
  • 如何使用安卓平板远程Ubuntu服务器通过VS Code远程开发

    正文开始前给大家推荐个网站,前些天发现了一个巨牛的 人工智能 学习网站, 通俗易懂,风趣幽默 ,忍不住分享一下给大家。 点击跳转到网站。 准备一台虚拟机,Ubuntu或者centos都可以,这里以VMwhere ubuntu系统为例 下载code server服务,浏览器访问:https://github.com/coder/code-server,复

    2024年02月21日
    浏览(43)
  • 在Android平板上使用code-server公网远程Ubuntu服务器编程

    准备一台虚拟机,Ubuntu或者centos都可以,这里以VMwhere ubuntu系统为例 下载code server服务,浏览器访问:https://github.com/coder/code-server,复制下载链接 打开ubuntu命令行下载 出现需要输入ubuntu的登录账户密码,输入密码即可,然后等待安装完成 以下信息表示安装成功 接着输入以下命令设置

    2024年02月08日
    浏览(33)
  • 如何使用安卓平板上远程Ubuntu服务器通过code-server远程开发

    🍎 博客主页:🌙@披星戴月的贾维斯 🍎 欢迎关注:👍点赞🍃收藏🔥留言 🍇系列专栏:🌙 内网穿透 🌙请不要相信胜利就像山坡上的蒲公英一样唾手可得,但是请相信,世界上总有一些美好值得我们全力以赴,哪怕粉身碎骨!🌙 🍉一起加油,去追寻、去成为更好的自己

    2024年02月03日
    浏览(34)
  • VS Code查看git历史记录

    下载插件 使用插件功能,查看git历史记录,查看整个项目的git历史记录 效果: 上面的是:git记录 下面的是:某一git记录所包含的(文件更改和代码更改) 查看点击的git记录的对应的文件的功能 查看文件,和普通的文件打开差不多,= 只读 = 查看点击文件的本git记录和上一

    2024年02月08日
    浏览(46)
  • VS Code -- Live Server

    Live Server插件用来自动加载热部署前端页面相关的文件(.html/.js/.ts/.css),简单来说就是:快速启动本地服务,自动监听,不需要刷新就能更新内容。有了它之后调试前端页面再也不需要不停地手工去点击浏览器上的刷新按钮。 在vs code的插件市场安装Live Server 在设置中打开命

    2024年02月04日
    浏览(48)
  • 【vs code】|——rust开发环境搭建

    vscode下搭建 rust 语言开发环境 参考官方安装教程:https://www.rust-lang.org/tools/install 我们通过快速方式 rustup安装 Tips: rust依赖C/C++环境 在安装rust前需要先安装C/C++编译环境 有两种: 1、msvc Visual Studio使用的是msvc 这个安装rust一路默认即可 2、mingw 大家自行安装下C/C++环境哦 这里介

    2024年02月08日
    浏览(46)
  • 【配置环境】VS Code中C#环境搭建

    目录 前言 一,下载 .net core SDK 二,创建一个 C# 小栗子 创建方式一 创建方式二 三,Vs Code 中环境准备 四,最后运行 C# 小栗子 运行方式一 运行方式二 工作需求而开始学 Unity 3D ,因为 Unity 是和微软合作的,所以它用到的脚步语言是 C#  ,于是我便开始学一下C#,哈哈,有过

    2024年02月11日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包