Vue2+VueRouter3+Webpack3.6+Axios项目实战----项目搭建（一）

使用vue2开发项目都有1年多了，但一直忙于开发也没时间进行一次全面的总结，今天公司任务完成的差不多，心血来潮想对这一年多的项目成果进行一次全面的重构，顺便把vue2的使用过程进行一次详细的记录。
第一步：安装node（略）

第二步：安装npm（略）

第三步：安装vue-cli:
vue-cli是vue脚手架，也就是用来构建vue项目的工具
打开cmd进入命令模式：输入以下命令

npm install -g vue-cli

安装成功后，输入vue -V 看下版本，如果显示出了版本表示安装成功。

第四步 安装 cnpm
( 如果安装速度太慢。可以安装淘宝镜像，打开命令行工具，输入：

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

然后使用cnpm来安装 )

第五步：通过vue-cli来生成项目：

1. 进入D盘的nodeProject文件夹下
2. 输入命令

vue init webpack go-eplat-sys

使用vue-cli 脚手架命令 vue ，创建一个带 webpack 为模板的，名为go-eplat-sys的项目。

目录机构如下

进入项目目录后，执行启动命令

cnpm run dev

执行完后：

在浏览器中输入该地址，效果如下：

该项目是用于开发pc端功能

同时需要采用vux来实现移动端的开发 故需要创建一个带vux的项目
输入命令

vue init airyland/vux2 go-eplat-mobile

安装成功后：执行npm run dev

根据提示，打开相应界面，显示效果如下：

ok第一节到此，实现了项目的建立。