为了账号安全,请及时绑定邮箱和手机立即绑定

如何在本地运行查看github上的开源项目

标签:
Html5

看中了一款很多星星的github的项目,想把这个项目拉到自己的电脑上运行查看项目效果,该怎么做?
示例:我们今天要看的 github项目地址:https://github.com/lzxb/vue-cnode

阅读本篇之前先把这篇文章里面的环境安装好哦。

十分钟上手-搭建vue开发环境(新手教程)
https://www.jianshu.com/p/0c6678671635

1.克隆项目: git clone [https://github.com/lzxb/vue-c...](https://github.com/lzxb/vue-cnode.git)
2.安装nodejs
3.安装依赖: npm install
4.启动服务: npm run dev

###1:找到克隆的路径(本步骤不包含下载.zip的方法)
https://github.com/lzxb/vue-cnode.git
图片.png

###2:把克隆下来的项目放在D盘

git clone https://github.com/lzxb/vue-cnode.git

以管理员身份打开cmd,进入D盘,执行克隆项目到本地的命令
图片.png

命令行完成之后,D盘多了一个文件夹
图片.png

###3:在项目里安装依赖:

 npm install

使用命令cd vue-cnode进入克隆下来的项目里,安装依赖,不要直接在D盘里安装,这样会出现错误,安装成功提示:
图片.png

###4.启动服务:

npm run dev

启动服务会出现项目浏览的端口号,复制黏贴到浏览器打开即可
图片.png

###5:打开浏览器,在浏览器输入http://localhost:3000/,
如下图所示,可以查看GitHub上的这个开源的项目了。

图片.png

原文作者:祈澈姑娘

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
1.4万
获赞与收藏
118

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消