vue构建

验证环境：
1、node版本查询：node -v
2、npm版本查询：npm -v
3、webpack版本查询：webpack -v
4.vue-cli 验证命令:vue -V (V要大写)

1、环境搭建：安装node.js

2、安装淘宝镜像

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

这里是因为我们用的npm的服务器是外国，有的时候我们安装“依赖”的时候很很慢很慢超级慢，所以就用这个来安装我们说需要的“依赖”

3、安装webpack

打开命令行工具输入：npm install webpack -g，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。
1.png

4、安装vue-cli脚手架构建工具
打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。
2.png

5、使用vue-cli构建项目
（1）在硬盘上找一个文件夹放工程用的。
（2）安装vue脚手架输入：vue init webpack exprice ，注意这里的“exprice” 是项目的名称可以说是随便的起名，但是需要主要的是“不能用中文”。

（3）cd命令进入创建的工程目录这里是 cd exprice
安装项目依赖 npm install 因为自动构建过程中已存在package.json文件，所以这里直接安装依赖就行。
创建完目录如下：

（4）启动项目 npm run dev

注意：这里是默认服务启动的是本地的8080端口，所以请确保你的8080端口不被别的程序所占用。
至此简单的一个项目构建完毕…后面我将继续利用这个构建的项目写一个简单的单页面应用。

example.zip[example.zip]