vue-cli脚手架的环境配置与搭建

对于初学者而言，环境配置 是第一步： 

前提安装好node不再赘述

可以在自带的命令行中运行,也可以在webstome中运行

以下命令是在终端CMD中运行的

1. 安装cnpm，淘宝镜像,它的速度要比npm要快         npm install -g cnpm --registry=https://registry.npm.taobao.org
2. 安装webpack;这一步可以省略                                cnpm install webpack -g
3. 全局安装Vue                                                           cnpm install -g vue
4. 全局安装Vue脚手架                                                cnpm install -g vue-cli
5. 使用脚手架创建新项目;要先使用cd 命令转到要放置项目的目录             vue init webpack 项目名

接下来会有项目的配置;

你看不懂无所谓;一路按enter就行

注意：看到Eslint字样选no

完成后安装项目依赖文件;先cd命令转到项目的根目录

                                                                                                                cnpm install

接下来可以启动监听端口了

                                                                                                                 npm run dev

你可以看到一个演示的例子

剩下的就是写Vue了;至于怎么写，加油哦！

到这的时候，vue脚手架的环境基本搭建完成，下面讲解一下脚手架的结构：

注意在下载某个模块时，特别是合作开发时，必须加 --save,例如：npm install vuex --save

这样在package.json中就会记录模块的版本信息，而且合作开发中在后期代码合并时是会删掉node_modules的，主要是因为占用内存太大，项目上线是有大小要求的。而我们唯一可以知道同伴使用了哪些模块，就可以通过package.json查找了：