运行github上下载的vue项目

一、环境准备

1、下载node.js

在搭建vue的开发环境之前,一定一定要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,可以从:[官网]http://nodejs.cn/download/根据你的系统选择对应的下载:
在这里插入图片描述
下载完安装包后,一直下一步安装,最后确认安装是否成功:
在这里插入图片描述

输入node -v 提示版本即安装成功,也顺便检擦一下npm版本,
输入npm -v提示版本(安装node会自带npm):
在这里插入图片描述

2、设置cnpm

由于在国内使用npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像,使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具。在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待完成。

3、初始化项目脚手架vue-cli

vue-cli脚手架,输入命令:cnpm install --global vue-cli 回车,等一会;验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功;
在这里插入图片描述

二、运行vue项目

1、从github上下载一个vue项目:

eg: https://github.com/PanJiaChen/vue-element-admin

2、安装项目所需的依赖:

进入项目目录,执行 cnpm install ,等待安装。
在这里插入图片描述安装完成之后,会在我们的项目目录vue-element-admin-master文件夹中多出一个node_modules文件夹,这里边就是我们项目需要的依赖包资源。
在这里插入图片描述

3、运行项目

在项目目录中,运行命令 npm run dev ,会用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。
在这里插入图片描述
运行成功会自动打开浏览器:
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

一只IT攻城狮

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

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

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

打赏作者

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

抵扣说明:

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

余额充值