Vue项目搭建

初次搭建，亦是一个学习的过程，有误的地方请多执教

1. 安装Node.js环境

官网下载：https://nodejs.org/en/download/
下载地址我都是默认地址没有改变，大家能够根据须要改变，记得安装地址就对了。
安装完输入node -v和npm -v查看是否安装成功

安装node会自动安装npm因此不须要单独安装npm，可是国内使用npm会比较慢，有的时候依赖会安装失败，这会先去装一个淘宝镜像：http://npm.taobao.org/
npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 安装vue

cnpm install vue

注：这里推荐一个包管理器，nvm

安装完，输入vue -V（这里的V是大写）

第一次运行的时候报错vue不是内部命令或外部命令，多是由于npm版本过低了，需升级npm的版本

npm install -g npm

若是升级完还报错，就须要到环境配置修改下PATH，先找到vue.cmd文件的地址，而后配置到PATH里面

修改完从新打开命令框再输入vue -V查看下版本

这一步成功了，就能够建立一个你本身的项目了

3. 建立项目

vue init webpack 项目名称

而后出现这样一个对话框，默认就行了，由于暂不肯定本身新搭的项目须要哪些插件，因此决定按默认的安装，后期须要再手动安装好了。这里回车，注意项目名不要有大写字母

回车后慢慢等待，直到出现下图，就表面新项目已经建立成功了，这时候你只须要到项目根目录下运行npm install安装依赖，依赖安装完后运行npm run dev就能够启动项目了

运行后页面能正常打开就对了

4. 项目打包

npm run build

打包好的文件在src目录下