什么是 vue-cli 单文件组件
vue-cli 是官方提供的一个脚手架工具，它可以快速的生成 vue 的项目模板。
官方网址：http://www.npmjs.com/package/…
主要功能
- 提供了一个规范的目录结构
- 本地调试
- 代码部署
- 热加载
- 单元测试
怎么建立
npm install vue-cli
npm init webpack
npm install
npm run dev 初始目录说明：
- build，项目 webpack 相关配置文件
- config，vue 基本（本地与线上环境）配置文件（可以配置监听端口，打包输出等）
- node_modules，扩展依赖文件（依赖包）
- src，开发目录，项目核心文件
- static，静态资源目录（一般放图片类资源
- .babelrc，babel 编译参数
- .editorconfig，代码格式
- .gitignore，git 上传需要忽略的文件配置
- .postcssrc.js，转换 css 的工具
- index.html，主页
- package.json，项目基本信息（在创建 vue-cli 项目后自动生成）
- README.md，项目说明