关于vue-cil脚手架的安装和项目结构

vue-cli是官方提供的一个脚手架工具(已经帮组写好基础代码).可以快速生成一个vue的项目模板

github地址 ： https://github.com/vuejs/vue-cli

主要的功能：

• 规范的目录结构
• 本地调试
• 代码部署
• 热加载
• 单元测试

vue-cli的优势：

• 成熟的vue项目的架构设计
• 本地测试服务器 node-server
• 集成打包上线

环境要求

• 需要先安装Node：nodejs>4.0 (通过node -v查看版本)
• 需要先安装：Git (Windows下可以使用Git bash软件模拟或者使用DOS控制台)

安装流程：

如果没有装cnpm可以使用npm install cnpm -g安装(Mac系统则一律需要加sudo)

第一步：cnpm install vue-cli -g -g表示安装到全局

也可以通过vue list来查看所有可以使用的模板

安装成功以后新建一个目录，在该目录下执行(先去到该目录)：

第二步： vue init webpack vuecli

会生成一个自定义的目录名vuecli(可修改)

• webpack是v