前端提供的dist包(Vue.js)在本机如何启动运行

一、搭建环境

• node.js环境（npm包管理器）
• cnpm npm的淘宝镜像
• express-generator构建工具

1. 安装node.js环境（npm包管理器）
从node.js官网下载并安装node.js。安装完成之后，打开命令行工具，输入node -v，如下图，如果出现相应的版本号，则说明安装成功。
npm包管理器已经在node中集成，
再接着输入npm -v 可看到npm版本信息。表示node.js和npm环境都已安装成功。

2. 安装cnpm淘宝npm镜像（cnpm的速度快到令人发指）
win+R启动cmd窗口（注意，一定要是管理员权限启动，不过大部分win+R启动的cmd都是管理员权限），运行下面。如有报错，请自行百度错误提示解决。

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

3.安装Express-generator自动构建工具
win+R启动cmd窗口（注意，一定要是管理员权限启动，不过大部分win+R启动的cmd都是管理员权限），运行下面（装好cnpm以后所有的npm命令均可换为cnpm）。运行下面。如有报错，请自行百度错误提示解决。

cnpm install express-generator -g

二、构建项目

1. 创建项目路径
   在任意路径创建一个空文件夹。
2. 构建项目
   1）cmd窗口进入该路径。
   
   2）输入以下命令

express 你要创建的项目名

示例如下：

创建出来的文件夹列表如下。

进入刚才创建的项目路径，安装项目依赖。命令如下：

cnpm install 或 npm install 

然后把前端提供给你的dist文件夹下面的所有文件夹和文件都丢到刚才创建的项目路径下面的public文件夹里面。

3. 运行项目
   输入 npm start 启动项目。
   打开浏览器输入：http://localhost:3000
   即可看到启动效果。