如何运行vue项目（从github上下载的开源项目）

一、准备工作：

1.从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了

2.安装cnpm，在命令行中输入

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

3.安装webpack

npm install webpack -g

4.安装vue-cli

cnpm install vue-cli -g

二、方式一

1. 从GitHub上下载项目，不用git的方式，如下图，点击Download ZIP , 找到下载成功的压缩文件，再解压到自己指定的目录。

2.通过npm命令安装 淘宝的镜像及其命令 cnpm , 因为国内npm 安装速度比较慢

npm install -g cnpm --registry=[https://registry.npm.taobao.org](https://registry.npm.taobao.org)

3.查看cnpm版本

cnpm -v

4.假如下载的项目名为vue-demo，在cmd命令行中通过cd命令进入到该文件夹，并执行以下命令

# 安装依赖，使用淘宝资源命令 cnpm
cnpm install

5.启动应用，地址为 localhost:xxxx ，这个地址可能因下载项目的不同而不同，具体请看github上作者的介绍

cnpm run dev

三、方式二：

编译vue工程，会增加node_modules目录。

npm install

运行vue，注意不是所有的都是dev，具体是什么，请看备注。

npm run dev

四、备注：

npm run xxx？这个xxx是什么值呢，他是脚本的名称！定义在工程目录下的package.json中。serve的值是： "serve": "vue-cli-service serve"，那么run后面的值就是serve！

image.png

至此，如何运行vue项目就介绍完毕！！！