一.安装vue-cli
1>使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。
补充：
在webpack 3中，webpack本身和它的CLI以前都是在同一个包中，但在第4版中，他们已经将两者分开来更好地管理它们。
尝试全局安装npm install -g webpack-cli
执行webpack -v成功执行 不再提示安装webpack-cli
全局安装vue-cli，在cmd中输入命令:
image.png
image.png
二：用vue-cli来构建项目
首先在桌面新建一个文件夹（tpgame）作为项目存放地，然后使用命令行cd进入到项目目录，具体操作如图：
输入命令后，会跳出几个选项让你回答：
Project name (baoge)： -----输入项目名称，直接回车。
Project description (A Vue.js project)： ----项目描述，也可直接点击回车，使用默认名字
Author ()： ——输入作者
接下来会让用户选择：
Runtime + Compiler: recommended for most users 运行加编译，既然已经说了推荐，就选它了
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere 仅运行时，已经有推荐了就选择第一个了
Install vue-router? (Y/n) 是否安装vue-router，这是官方的路由，大多数情况下都使用，这里就输入“y”后回车即可。
Use ESLint to lint your code? (Y/n) 是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，一般项目中都会使用。
接下来也是选择题Pick an ESLint preset (Use arrow keys) 选择一个ESLint预设，编写vue项目时的代码风格，直接y回车
Setup unit tests with Karma + Mocha? (Y/n) 是否安装单元测试，我选择安装y回车
Setup e2e tests with Nightwatch(Y/n)? 是否安装e2e测试 ，我选择安装y回车
安装完目录如下：
最后启动项目。（如果对应依赖包没有安装，需要安装一下）
补充：
1.如果本地调试项目时，建议将build 里的assetsPublicPath的路径前缀修改为 ' ./ '（开始是 ' / '），因为打包之后，外部引入 js 和 css 文件时，如果路径以 ' / ' 开头，在本地是无法找到对应文件的（服务器上没问题）。所以如果需要在本地打开打包后的文件，就得修改文件路径。
2.安装的时候弹出这个提示，这个貌似说苹果的绑定安装，看自己想法，我选择以后安装。
