如何在本地运行查看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

图片.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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏快乐八哥

Ajax几种常用模式

设计模式不是要遵循的标准,只不过是对增进行之有效的解决方案的总结。每个模式都凝聚了开发人员社区的集体智慧,而每个开发人员都可以决定是否在其应用中实现某个模式。 ...

215100
来自专栏加米谷大数据

ZooKeeper在HBase中的应用

38630
来自专栏数据和云

Linux Bug: free cache 导致数据库实例crash

李真旭(Roger) ACOUG 核心专家,Oracle ACE,云和恩墨技术专家 编辑手记:linux 文件系统的cache分为2种:page cache和 ...

32660
来自专栏Crossin的编程教室

把你开发的网站免费发布到互联网上(1)

0. 前言 之前我们写过很多代码,但几乎都是在自己的电脑上运行的。如果别人要看,也只能在电脑上演示,或者把代码发给他运行。 而在学习 web 开发,比如 Dja...

38360
来自专栏Seebug漏洞平台

DeDeCMS v5.7 密码修改漏洞分析

织梦内容管理系统(DedeCms)以简单、实用、开源而闻名,是国内最知名的PHP开源网站管理系统,也是使用用户最多的PHP类CMS系统,在经历多年的发展,目前的...

49280
来自专栏大数据人工智能

小白请点进来!零基础搭建Hadoop大数据处理环境

由于hadoop需要运行在Linux环境中,而且是分布式的,因此个人学习只能装虚拟机,本文都以VMware Workstation为准,安装CentOS7,具体...

525100
来自专栏北京马哥教育

必看!深入理解linux系统的目录结构就靠本文了

本文由马哥教育面授班24期学员推荐,转载自互联网,作者为郭東,内容略经小编改编和加工,观点跟作者无关,最后感谢作者的辛苦贡献与付出。 Linux和Windows...

58370
来自专栏java一日一条

JVM 开发者必看:傻瓜式编译 OpenJDK 7

LZ经过一个星期断断续续的研究,终于成功的搞定了JDK的成功编译与调试。尽管网络上的教程也有不少,包括源码中也有自带的编译步骤说明,但真正自己动手的话,还是会遇...

11320
来自专栏编程坑太多

『中级篇』Docker Cloud自动构建 Docker image(55)

PS:自动化构建的build image,是不是感觉很爽,但是这里的Dockfile这是需要基础牢靠。本节也是以后学习的基础。

18750
来自专栏Python攻城狮

GitHub 系列之「Git速成」1.什么是Git?2.Git 安装3.Git 命令列表4.Git 具体命令

Git 是 Linux 发明者 Linus 开发的一款新时代的版本控制系统,那什么是版本控制系统呢?怎么理解?网上一大堆详细的介绍,但是大多枯燥乏味,对于新手也...

8920

扫码关注云+社区

领取腾讯云代金券