安装环境
请查看此篇文章：安装 node.js 和 vue 环境
安装vue-cli
必须全局安装vue-cli，否则无法使用vue命令
安装完成之后使用 vue -V 检查 vue-cli 是否安装成功及版本信息
npm install -g vue-cli
vue -V
使用 vue-cli 创建一个新的 Vue 项目
项目创建完之后需要执行 npm install 安装依赖
vue init webpack vuedemo
cd vuedemo
npm install
创建的vuedemo文件夹所包含的文件如下：
index.html
index.html和其他html文件一样，但一般只定义一个空的根节点，在main.js里面定义的实例将挂载在根节点下，内容都通过vue组件来填充，由于所有的挂载元素会被Vue生成的DOM替换，因此不推荐直接挂载实例到 <html> 或者 <body> 上。
main.js
是Vue应用的入口文件，用来创建一个新的Vue实例，并将这个实例挂载在根节点下，同时也可以用来引入Vue插件
App.vue
项目的根组件，可以包含其他的子组件，从而组成组件树，由于使用了vue-loader，它会将这个格式编写的单文件 Vue 组件转换为 JavaScript 模块
router/index.js
路由配置文件，作用是将组件映射到路由，方便知道在哪里渲染它们
运行项目
接下来，输入下列命令运行项目
npm run dev
生成的dist目录，就是打包构建后的项目目录
《创建 vue-cli 新项目》有1条评论