一、环境准备

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

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

运行github上下载的vue项目相关推荐

正确启动从GitHub上下载的vue项目：vueAdmin-template
由匿名 (未验证) 提交于 2018-06-28 11:33:05 登录或注册以发表评论 649 次浏览先讲重点,后上相关资料: 遇到的问题:在启动从GitHub上下载的vue项目:vueAdmi ...
怎么从github上下载一个vue项目在本地运行
克隆项目: git clone https://github.com/AsaZws/... 安装nodejs 安装依赖: npm install 启动服务: npm run dev 发布代码: npm ...
从github上下载的vue项目如何运行
(1).安装package.json中所有的依赖包 npm install 或者 cnpm install(安装了cnpm的)或者nrm install(安装了nrm的) (2)运行项目的命令 npm ...
Android在github上下载的开源项目出现这个问题
PHP网络 Error:(2, 0) Plugin with id 'com.github.dcendents.android-maven' not found. 2015-04-27 17:02 ...
下载和运行GitHub上的代码教程总结
之前做学校的毕业设计,想从Github上下载一个Vue项目作为模板,由于之前没有从gitHbu上克隆项目的经验,结果花了大半天在从github上面把项目克隆下载.现在有时间记录以下,方便其他小伙伴一起 ...
vue项目运行启动方法（从github上下载了一个前端项目进行运行）
1.从GitHub上下载完整的项目压缩包并解压到没有中文目录的路径下. 2.安装node: 官网地址 https://nodejs.org/en/ 按照 https://www.cnblogs.co ...
github上下载别人的vue项目，本地运行
在github上下载了别人做好的vue项目解压好之后(如A文件夹) 进入到这个A文件夹打开所在目录的终端运行 npm install 然后它就会根据文件里面package.json文件里面写的依 ...
从GitHub上下载项目后如何运行，学习
很多人学习的时候会在网上搜索一些项目源码,然后通过看别人的源代码,然后再通过调试运行去学习.理解其中的各个关节的内容,github就会成为很多人下载源码的首选.但是很多人下载下来之后不知道该如果开始看 ...
Idea中怎么运行从github上下载的项目
小伙伴们是不是经常会从github上下载的项目,偷学点技术,开开心心的找了半天找到一个对自己胃口的项目,好的,下载到本地,Idea打开项目却发现各种坑**的不能运行,不能运行你TM 上传 ~,这种问题 ...

运行github上下载的vue项目

文章目录