如何在本地运行查看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
![](https://upload-images.jianshu.io/upload_images/5640239-1df407b8f2fd34a1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
2:把克隆下来的项目放在D盘
git clone https://github.com/lzxb/vue-cnode.git
以管理员身份打开cmd,进入D盘,执行克隆项目到本地的命令
![](https://upload-images.jianshu.io/upload_images/5640239-29aa38a0584bfd8f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
命令行完成之后,D盘多了一个文件夹
![](https://upload-images.jianshu.io/upload_images/5640239-ac779a08a4e17029.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
3:在项目里安装依赖:
npm install
使用命令cd vue-cnode进入克隆下来的项目里,安装依赖,不要直接在D盘里安装,这样会出现错误,安装成功提示:
![](https://upload-images.jianshu.io/upload_images/5640239-2f7568e3cb6d2ac9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
4.启动服务:
npm run dev
启动服务会出现项目浏览的端口号,复制黏贴到浏览器打开即可
![](https://upload-images.jianshu.io/upload_images/5640239-07439a5c75be6e4c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
5:打开浏览器,在浏览器输入http://localhost:3000/,
如下图所示,可以查看GitHub上的这个开源的项目了。
![](https://upload-images.jianshu.io/upload_images/5640239-70e8fb22c137018e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/700)
注:
关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。原文作者:祈澈姑娘技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。
公众号回复“1”,拉你进程序员技术讨论群.