vue入门7---vue脚手架(vue-cli)介绍

一、vue-cli

vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发。
*但是VUE官网不推荐新手直接使用 vue-cli，特别是在还不熟悉基于Node.js 的构建工具时。

• vue-cli需要使用npm(node package manager)安装；
  其中npm功能：存放共享的代码，其他人使用时，直接在package.json中，运行npm install，npm会帮忙下载。
  安装npm，即安装node(https://nodejs.org/en/download/) ，mac os 使用使用 brew install node命令安装; npm在node安装时已经安装好了，键入npm -v可以查看版本；

使用vue-cli搭建项目指令：
1、npm install -g vue-cli //g代表全局安装global
2、vue init webpack yourProjectName（不要用中文字符） // vue init <template-name><project-name>, webpack 是模块名称，其中还有webpack-simple、browserify、 browserify-simple、 simple
3、npm install
4、cd 项目名称，再npm run dev
5、最后访问: http://localhost:8080/

*****命令2的详细介绍：参考http://www.cnblogs.com/zhupanpan/p/9450044.html和https://www.jianshu.com/p/1626b8643676/

• webpack-一个全面的webpack+vue-loader的模板，功能包括热加载，linting,检测和CSS扩展。
• webpack-simple-一个简单webpack+vue-loader的模板，不包含其他功能，让你快速的搭建vue的开发环境。
• browserify-一个全面的Browserify+vueify 的模板，功能包括热加载，linting,单元检测。
• browserify-simple-一个简单Browserify+vueify的模板，不包含其他功能，让你快速的搭建vue的开发环境。
• simple-一个最简单的单页应用模板。