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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u012396955/article/details/80756493

使用场景

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

这里写图片描述

这里写图片描述

这里写图片描述

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

猜你喜欢

转载自blog.csdn.net/u012396955/article/details/80756493