通过cd命令进入你想放置项目的文件夹，在命令提示窗口执行创建vuecli工程项目的命令通过vuecli搭建一个vue项目，会自动生成一系列文件，而这些文件具体是怎样的结构文件对应起什么作用，可以看看下面的解释。

手机上的开发者工具es6es7 babel 转换项目地址 GitHub 使用手册MogoH5+ 是一个 vue 多页面 脚手架工具 ，结合 H5+可以快速开发安卓与苹果 APP即使不适用 Hbuilder 打包成 APP，本脚手架同样可以作为多页面网页生成的参考。

除了这些普通的指令之外，还有事件指令von，可简写为@+事件名，例如@click，并将执行函数写到vue的methods中 通过脚手架来写项目的话，可用通过写组件，再将组件引入注册到另一个vue文件里拼接在一起，从而构建出。

附上github配置后的项目demo 终于完结，感觉码了好久感谢大家阅读完到这里，以上的内容有不对或者不好地方，欢迎指出，往后还会更新有关vuerouter和vuex的文章。

检查node是否安装成功 为了更快安装，可以使用淘宝的镜像 在终端输入以下命令检测cnpm是否安装成功 vuecli是vue脚手架工具，方便打包，部署，测试等进入你的项目目录，创建一个基于 webpack。

首页你得知道“单页应用”简称“SPA”这个东西是什么然后你需要了解前后端分离的开发模式下面回答你的问题vuecli 是搭建Vue SPA d 脚手架，就是一个生成工程模板的工具SPA只负责前端，所有业务逻辑由后端负责处理。

如下图安装好脚手架之后就像这样终端输入npm run dev，然后打开localhost8080就可以看到项目运行啦大致分析一下几个比较常用的文件把，如下图1build主要用来配置构建项目以及webpack2config项目开发配置3npm或者cnpm所。