运行github上下载的vue项目_从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 ，会用热加载的方式运行我们的应用，热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果。

运行成功会自动打开浏览器：