开发环境搭建测试（VUE项目之搭建环境）
开发环境搭建测试（VUE项目之搭建环境）我们暂时不适用模板提供的测试框架，Karma Mocha，以及Nightwatch。（2）项目目录五、试试新建一个Vue项目（1）新建一个项目文件夹，命名为 vue-demo，cd到此文件夹，输入:vue init webpack vue-demo，回车，按照如下操作进行初始化：四、vue-cli的安装(cnpm下再全局安装vue-cli)vue-cli是vue官方提供的一个命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。安装命令为：cnpm install -g vue-cli，回车，等待安装。安装完后，检查是否安装成功，输入vue，出现以下提示表示安装成功。
一、NodeJS下载安装可能没有学习过Node.js的同学很有疑问，这个下载的作用是什么？我们在学习vue.js时，不一定要是学过node.js的，我们需要的是NodeJS里npm工具，npm是NodeJS下的一个包管理工具，它可以很方便的帮你管理（可以简单理解为下载）各类前端的框架或插件，类似于PHP的composer，Twitter 的 Bower 一样。使用Vue不需要安装NodeJS，这里下载NodeJS只是为了使用其内置的NPM工具，所以不需要你有任何的NodeJS基础，只需要运行 npm install vue 命令，即可把 Vue 的最新版本下载至 node_modules 文件夹。我们可以去官网下载，下面是安装链接:
http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html
（我看的视频和博客没有给出这一步，直接是安装淘宝镜像去了，导致cnpm安装失败了很多次，也不知道是出了什么差错，查找资料费了很多时间才解决）npm实际已经存在nodejs安装文件中~~~
win R ，输入CMD，打开DOS命令板：输入命令 “npm install --global vue-cli”，会出现以下情况：
我们可以用命令行“npm -v”或“node -v”查看安装的版本号，以此来检测是否安装成功：
三、cnpm的安装
安装完node之后，npm包含的很多依赖包是部署在国外的，在天朝，大家都知道下载速度是超级慢啊。所以我们要安装cnpm，cnpm是淘宝对npm的镜像服务器，这样依赖的包安装起来就快多了。
安装命令为：npm install -g cnpm --registry=https://registry.npm.taobao.org
四、vue-cli的安装(cnpm下再全局安装vue-cli)
vue-cli是vue官方提供的一个命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。
安装命令为：cnpm install -g vue-cli，回车，等待安装。
安装完后，检查是否安装成功，输入vue，出现以下提示表示安装成功。
五、试试新建一个Vue项目
（1）新建一个项目文件夹，命名为 vue-demo，cd到此文件夹，输入:vue init webpack vue-demo，回车，按照如下操作进行初始化：
我们暂时不适用模板提供的测试框架，Karma Mocha，以及Nightwatch。
（2）项目目录
（3）安装项目依赖的包（进入到一个文件中的cmd指令是cd vue-demo）
cd到vue-demo 文件夹，执行cnmp install，安装依赖包，安装完成之后，项目目录下多了node_modules：
（4）运行项目
在命令行里输入 cnpm run dev，执行完成后启动项目，浏览器出现以下接结果，说明启动成功。注意浏览器的版本，低版本的不支持哦。
（5）构建项目
在命令行里输入
cnpm install node-sass
cnpm run build
cmd使用
1，“开始”——“运行”，输入CMD，回车。2，出现“命令提示符”的窗口，一般情况下是 C:\Documents and Settings\Administrator> ，输入 F： 回车，就变成 F:\> 了。3，输入 dir 就可以看到F盘下面的文件了。4，cd （后面跟你的照片文件夹的名字）。例如：F:\>cd TDDownload 就可以进入到F盘下的TDDownload文件夹。5、输入 cd\ 回车 返回主目录6、输入 cd.. 回车 返回上一级目录
