vscode网页版运行github远程仓库的代码

已于 2024-03-03 16:28:18 修改
阅读量1.1k 收藏 1
点赞数 26
文章标签： vscode github 前端
于 2024-02-11 23:30:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Bin_niB/article/details/136098640
版权

目录

前言：

今天大年初二，由于走亲戚不方便回家在自己的电脑上进行项目的编写，于是在亲戚家的电脑上看看能不能使用网页版的vscode对代码进行编写，答案是可以的，摸索了一会，把我使用vscode网页版的经验总结一下

1.登录github

进入github官网，登录自己的账号，在需要编辑的仓库项目下按下.就可以快速进入编辑模式
在这里插入图片描述

2.配置工作环境

在运行和调试下点击继续工作
在这里插入图片描述
因为是别人的电脑没有安装vscode，使用的网页版所以选择create new codespace
在这里插入图片描述
然后选择需要运行的仓库配置
在这里插入图片描述

有可能会出现这样的错误
在这里插入图片描述
这个错误是因为我们运行的工作区太多了，第一次打开应该不会这样，点击stop codespace即可
然后就会出现下面需要运行的新的工作区的选择

在这里插入图片描述
下一步点击一个仓库之后就会OK了，你会看到终端，在终端中可以切换项目目录和运行项目了
在这里插入图片描述

-_-你好-_-
关注
  • 26
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
vscode网页版code-server搭建和使用
布发
02-26 3281
> 主力编辑器是`vscode`, 手上正好也有台闲置的服务器. 如果把`vscode`搞到浏览器中, 那么在一些没有vscode的设备上也可以愉快的敲代码了. `code-server`它可以让有浏览器的设备访问服务器上运行的`vscode`. 这篇文章记录下`code-server`搭建的过程, 已经将搭建好的服务绑定到域名并访问. 本文主要涉及以下内容: - `code-server`安装与启动. - `ufw`端口转发.
使用VSCode如何从github拉取项目的实现
10-14
主要介绍了使用VSCode如何从github拉取项目的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
重磅！微软发布 vscode.dev，把 VSCode 带入浏览器！
cainiao_python的博客
10-24 4055
原作者：Chris Dias原文：https://code.visualstudio.com/blogs/2021/10/20/vscode-dev翻译：韩老师 + Google Tran...
vscode网页版
2302_80417258的博客
02-09 822
可以看见，可以写代码，preview版本，不能运行！下面链接可以直接复制，会有投票。这个app只能在电脑上使用。用法：与vscode差不多。
vscode 网页版
文摘资讯
11-19 3932
vscode 网页版地址：https://vscode.dev/https://github.dev/github/dev 也可以打开网页版 vscode，但是好处是支持直接打开 GitH...
Docker 部署网页版 vscode (code-server)
m0_73096566的博客
04-22 2350
Docker 部署网页版 vscode (code-server)
VScode网页版的使用
一个小白的成长历程
12-18 6556
可连接git-hub的账号使用，实现随时随地编程；可通过该地址进行连接git-hub仓库的连接，但不适应于编写与提交代码，可用于阅读他人的代码；VScode网页版的使用。在原本项目的地址前加入。
创建github项目到vscode推送项目到github
01-20
开始连接远程仓库。 git init //初始化仓库 git remote add origin https://github.com/XiaoHong125/demo2.git // 链接仓库 git remote -v //检查仓库是否连接完成 git add . //添加本地文件 git co
vscode：vscode github测试
02-11
6. **代码同步**：VSCode提供了便捷的代码同步功能，用户可以通过点击“同步”图标或使用快捷键来同步本地与远程仓库的代码，确保团队成员之间的代码保持一致。 7. **GitHub Actions集成**：虽然不直接在描述中提及...
Github-Explorer:Github Explorer使在vscode中可以访问数百万个github仓库
03-20
如何在VSCode中浏览github仓库？ 通常，我们只需要将整个git repo git clone到本地文件系统中，即使我们只想要源代码，甚至是单个子文件夹也是如此。 这确实是在浪费时间和资源，尤其是在网络速度较慢且回购包含大量...
vscode测试版
12-11
vscode测试版64位，网页编程.
亲自体验了vscode网页版开发代码并提交代码到github代码库，发现出奇的流畅，手机和平板也可以很愉快的编写代码了
GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程
10-24 3108
今天微软正式发布了vscode网页版，我们立刻来尝尝鲜，试试好不好用吧！ 打开vscode.dev网址，就显示以下vscode开始页面： 打开一个代码库 vscode网页版支持编辑本地代码和远程代码，很不巧，本地没有合适的代码，所以我们用github远程代码库试一下。 点击“Open remote Repostory”就在编辑器上方弹出了一个输入框，输入我们的github地址“https://github.com/eguid/graffitiCanvas”就进入了github授权环节，授权过程这里就不展示
网页版VS Code来了！随时随地写Bug
<sdffdsfsdfdfs>sfsfsfsdfsdffds</sdfsDS>Fsd
11-04 258
????????关注后回复“进群”，拉你进程序员交流群????????开源最前线（ID：OpenSourceTop） 猿妹编译链接：https://code.visualstudio.com/blogs/20...
简单3步部署code-server(vscode网页版)
热门推荐
weixin_41521681的博客
08-26 1万+
浏览器上的IDE：code-server安装——服务器版的vscode
巧用 VScode 网页版 IDE 搭建个人笔记知识库!
最新发布
WeiyiGeek 唯一极客IT知识分享
07-10 1822
[知识是人生的灯塔，只有不断学习，才能照亮前行的道路]巧用 VScode 网页版 IDE 搭建个人笔记知识库!描述：最近自己在腾讯云轻量云服务器中部署了一个使用在线 VScode 搭建部署的个人Markdown在线笔记，考虑到在线 VScode 支持终端模式，可以用来做各种开发环境搭建以及代码运行调试等，同时也为恶意攻击者提供了一个攻击入口，所以考虑到安全性问题，就打算将整个在线 VScode...
网页版vscode用法简单介绍
有问题请直接说问题就好
06-07 5811
网页版vscode用法简单介绍
vscode 网页版本配置
I am your sun ❤
07-27 731
备注：附件是增加了java语法的压缩包 # 进入开发机网页版项目 cd /home/work/usr/code-server-3.5.0-linux-x86_64/bin # 更改ip，记住密码 vim ~/.config/code-server/config.yaml # 开发机上一直运行 nohup ./code-server & 查看运行情况 jobs -l ...
Visual Studio Online & Web 版 VS Code
weixin_30507269的博客
05-07 9389
Visual Studio Online & Web 版 VS Code https://online.visualstudio.com https://devblogs.microsoft.com/visualstudio/intelligent-productivity-and-collaboration-from-anywhere/ private preview pr...
【Git 学习笔记】Github 大佬才知道的神器 github1s —— 用网页版 VScode 查看 Github 源码
【人工智障 | 计算鸡视觉 | 机器孩】
05-19 6942
微软推出的在线代码查看神器github1s ，通过在 Github 页面上修改网址，即可通过该在线 VScode 查看源码，十分方便，还支持设置不同的颜色主题。 具体操作如下：
vscode代码上传到github
08-15
要将VSCode中的代码上传到GitHub，您可以按照以下步骤进行操作： 1. 在GitHub上创建一个新的仓库，或者使用已存在的仓库。 2. 在VSCode中安装并启用Git扩展。 3. 打开您的项目文件夹，在VSCode的终端中运行以下命令以初始化Git仓库： ``` git init ``` 4. 添加您的代码文件到Git仓库中，运行以下命令： ``` git add . ``` 这将添加所有更改的文件到暂存区。 5. 提交您的代码到本地Git仓库，运行以下命令： ``` git commit -m "Initial commit" ``` 替换引号内的消息为您的提交消息。 6. 在GitHub上复制您的远程仓库URL。 7. 将本地Git仓库与远程仓库关联，运行以下命令： ``` git remote add origin <remote_repository_URL> ``` 将`<remote_repository_URL>`替换为您在步骤6中复制的URL。 8. 将本地代码推送到GitHub远程仓库，运行以下命令： ``` git push -u origin master ``` 如果您使用的是不同的分支，请替换`master`为您想要推送的分支名称。 这样，您的代码就会被上传到GitHub上的远程仓库了。请确保在每次更改代码后重复步骤4至步骤8来更新您的代码。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值