从github上克隆的vue项目在本地运行

首先声明,一般GitHub上的作者都会说明具体的运行步骤,在这里针对新手来提出一个引导性的方案。

1. 环境准备

(1)安装nodejs,具体步骤不多说。

在电脑上找到 运行-输入cmd - 输入node -v ,命令可以来查看电脑上是否已装 node , 该命令代表电脑上node的版本。

(2)查看npm版本

具体步骤同上,输入的命令为npm -v

(3)通过npm命令安装 淘宝的镜像及其命令 cnpm , 因为国内npm 安装速度慢

npm install -g cnpm --registry=https://registry.npm.taobao.org

(4)查看cnpm版本

cnpm -v

2.有两种下载项目方法

第一种Git下载
官网下载Git,官网下载的比较慢,网速不好的请移步到这腾讯软件中心下载Git
第二种将vue项目克隆下来
Git输入git clone https://github.com/PanJiaChen/vue-element-admin.git

2.1.第二种
没有Git也可以直接到github下载:https://github.com/PanJiaChen/vue-element-admin

3.vue-element-admin项目目录结构

从github上克隆的vue项目在本地运行

4.刚克隆下来的vue-element-admin的依赖资源包是没有的,所以需要手动在dos窗口cnpm install下载依赖包

从github上克隆的vue项目在本地运行
5.这样依赖包就下好了

然后启动 npm run dev

从github上克隆的vue项目在本地运行

6.然后就可以启动项目了:浏览器访问 http://localhost:9527

从github上克隆的vue项目在本地运行

7.在浏览器中会出现vue的页面