怎样运行并使用从github或者其他网站下载的vue项目

使用场景

1.很多时候,我们在学习vue或者给项目搭建框架的时候,需要在各种渠道下找到参考资料,正好你的参考资料是一整个项目的时候
2.公司或者某个人搭建好了一个vue的框架,下载下来后要怎么运行起来
3.对于那些经常在github上下载vue项目作为参考的小伙伴

使用步骤

一、首先用git或者是直接下载一个vue的项目

使用git的步骤稍作整理,见下图:
1.根据获取的git地址克隆整个项目
这里写图片描述
2.点击“确定”后,克隆成功。
这里写图片描述

二、下载成功后,用开发工具打开整个项目(当然也可以使用命令行跳转到该项目的目录文件夹下,进行操作)

这里就用webstorm开发工具作为示例,

1.File—open—选择要打开的项目—-点击ok
这里写图片描述

2.使用工具里集成的命令行进行操作(当然也可以自己用cmd打开操作电脑自带的命令行工具)
这里写图片描述

这里写图片描述

3.在命令行中按顺序输入命令:

(1).安装package.json中所有的依赖包
npm install 或者 cnpm install(安装了cnpm的)或者nrm install(安装了nrm的)

(2)运行项目的命令

npm run dev

这里写图片描述

这里写图片描述

这里写图片描述

至此,项目已经运行成功,小伙伴们可以尽情玩耍啦~~~(^▽^)

  • 3
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

泠泠在路上

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值