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

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

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

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

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

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

命令行完成之后，D盘多了一个文件夹

3：在项目里安装依赖：

 npm install

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

4.启动服务：

npm run dev

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

5：打开浏览器，在浏览器输入http://localhost:3000/，

如下图所示，可以查看GitHub上的这个开源的项目了。

注：

原文作者：祈澈姑娘技术博客：https://www.jianshu.com/u/05f416aefbe1
90后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。

关注「编程微刊」公众号，在微信后台回复「领取资源」，获取IT资源300G干货大全。

公众号回复“1”，拉你进程序员技术讨论群.

转载于:https://www.cnblogs.com/wangting888/p/9701237.html

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

GitHub上Swift开源项目!
swift-open-project 这里汇集了目前为止最为流行的Swift开源项目,选取SwiftGuide中的开源部分,这里将每周对项目进行总结,如果大家有推荐的可以联系thinkloki@gma ...
github上的开源项目中gif图片的制作软件
在github上学习开源项目的时候,看到好些开源项目里的示例图片都是gif格式的,这些gif图片能够很好地介绍此开源项目的功能,尤其是在电脑上运行android模拟器时,然后就想着自己以后做开源的时候 ...
人工智能科技成熟的11个Github上免费开源项目，很多电影中才有的场景应用到现实颠覆普通人的认知和想象
人工智能科技成熟的11个Github上免费开源项目,很多电影中才有的场景应用到现实颠覆普通人的认知和想象. 全文大纲: PULSE - 该开源项目可以通过给图片增加像素点来实现去马赛克或高清化. De ...
Idea中怎么运行从github上下载的项目
小伙伴们是不是经常会从github上下载的项目,偷学点技术,开开心心的找了半天找到一个对自己胃口的项目,好的,下载到本地,Idea打开项目却发现各种坑**的不能运行,不能运行你TM 上传 ~,这种问题 ...
Android github上优秀开源项目分类汇总
第一部分个性化控件(View) 主要介绍那些不错个性化的 View,包括 ListView.ActionBar.Menu.ViewPager.Gallery.GridView.ImageView.P ...
github上Android开源项目汇总(带效果图)
第一部分个性化控件(View) 主要介绍那些不错个性化的 View,包括 ListView.ActionBar.Menu.ViewPager.Gallery.GridView.ImageView.P ...
[转]Android github上优秀开源项目分类汇总
第一部分个性化控件(View) 主要介绍那些不错个性化的 View,包括 ListView.ActionBar.Menu.ViewPager.Gallery.GridView.ImageView.P ...
2017 Android github上优秀开源项目分类汇总
第一部分个性化控件(View) 主要介绍那些不错个性化的 View,包括 ListView.ActionBar.Menu.ViewPager.Gallery.GridView.ImageView.P ...
机器人伪装成人类在 GitHub 上为开源项目修复 bug
2018年1月12日下午12:28,GeoWebCache/geowebcache 项目和往常一样在 github 上提交代码.2 分钟后 travis-ci 上的单元测试以失败告终,测试结果显示有 ...