前言
vue是现阶段很流行的前端框架，很多人通过vue官方文档的学习，对vue的使用都有了一定的了解，但再在项目工程化处理的时候，却发现不知道改怎么更好的管理自己的项目，如何去引入一些框架以及vue全家桶其他框架的使用，以下将详细地介绍本人在处理工程文件构建的过程；对于刚开始解除vue的新手，建议使用官方脚手架vue-cli,当然，如果你对于webpack很熟悉，你也可以自己动手搭建自己的脚手架，当然如果你没把握的话，还是推荐使用vue-cli，能更好的帮助你搭建项目：
步骤一、安装vue-cli
首先，我们可以通过npm安装vue-clic,前提是我们需要有node环境，如果电脑还没安装node，先安装，可通过
node -v
查询node的版本号，有版本号则已经安装成功；
接下来，我们需要确保电脑已经安装了webpack，webpack是一个包管理工具，也是vue-cli的构建工具，安装也很简单，全局安装只需要执行
npm install webpack -g
紧接着，开始我们vue-cli的安装
npm install --global vue-cli
查看是否安装成功，我们可以通过在cmd中输入vue -V 查看，如下图出现版本号则说明安装已经完成；
我们可以打开c盘>用户>用户名>AppData>Roaming>npm查看我们全局安装的vue-cli,如下图：
步骤二、构建工程文件
安装完vue-cli后，我们可以通过在cmd中输入
vue init webpack projectName
生成webpack脚手架，在我们按下回车的时候，会出现一些提示问题，对应关系如下：
- 项目名称（注意名称中不要出现大写字母，否则会报错）
- 项目描述（可写可不写，看个人需要）
- 作者（可写可不写，看个人需要）
- vue编译，这个选默认即可，运行加编译Runtime + Compiler
- 是否安装vue-router是否安装vue路由工具
- 是否使用代码管理工具ESLint管理你的代码