使用Vue-cli创建项目

1、Vue.js有一款官方的脚手架生成工具vue-cli，通过npm install -g vue-cli进行全局安装。（提示：脚手架是通过命令来生成一个项目模板，包括完整的项目目录结构和相关模块的下载）

2、项目的热部署：热部署就是系统在运行过程中，可以对功能进行可配置，而不用停止或关闭系统。对前端开发而言，就是每次修改 项目目录中src 中的文件后，不需要再按浏览器的刷新来更新代码，启动的 server 服务会自动监听文件的变化并编译，通知浏览器自动刷新。

3、使用vue-cli来创建项目：

使用命令：

vue init <template-name> <project-name>

其中<template-name>是模板名称，vue-cli提供了五种可用模板名称：

（1）webpack：基于 webpack 和 vue-loader 的目录结构，而且支持热部署、代码检查、测试及CSS抽取（常用）

（2）webpack-simple：基于 webpack 和 vue-loader 的目录结构

（3）browerify：基于Browerify和vueify的结构，支持热部署、代码检查及单元测试

（4）browerify-simple：基于Browerify和vueify的结构

（5）simple：单个引入vue.js的index.html页面

<project-name>是项目名称。例如：vue init webpack my-project

4、跑vue-cli创建的项目：

（1）需要Node环境

（2）在项目的根目录下打开命令行并输入命令

cnpm install

（3）再输入命令

npm run dev