vue-cli3.0即Vue脚手架工具，可以用来快速創建Vue+Webpack项目结构如果你对Webpack还不了解，欢迎阅读我之前写过的

接触它已经有半年多了，可之前一直使用的是Vue /p/29addab2b0d3

Vue CLI 3.0 已发布该版本经历了重构，旨茬：

1. 减少现代前端工具的配置烦扰尤其是在将多个工具混合在一起使用时；

2. 尽可能在工具链中加入最佳实践，让它成为任意 Vue 应用程序的默认实践

Vue CLI 是 Vue 应用的标准化构建工具（链），核心是提供基于 webpack 4 构建的预配置构建设置目标是最大限度地减少开发者必须经历的配置过程。因此Vue CLI 3 对具备以下特点的项目都支持开箱即用：

• 预配置的 webpack 功能，如模块热替换、代码分割、 摇树优化（tree-shaking）、高效持久化缓存、错误覆盖等；

• 多页面模式：构建具有多个 HTML / JS 入口点的应用程序

• 构建目标：将 Vue 单文件组件构建为库或原生 Web 组件

此外你可以在创建新项目时混合使用多種可选集成，包括：

最重要的是Vue CLI 确保所有上述功能可以很好地协同工作，不必自己进行连接 

上面列出的所有功能都可以零配置：当通過 Vue CLI 3 构建项目时，它会安装 Vue CLI 运行时服务（@ vue / cli-service）选择功能插件，并生成必要的配置文件在多数情况下，你只需要专注于编写代码

但是，试圖抽象掉底层依赖关系的 CLI 工具通常会剥离对这些依赖关系进行微调的内部配置的能力 - 为了进行这种更改用户通常必须 “eject”，即检查原始配置到项目以便进行更改。这样做的缺点是一旦 eject ，从长远来看将无法升级到最新版本的工具。

开发团队承认能够更低级别访问配置嘚重要性但也不想抛弃那些 “eject” 用户，因此找到了一种方法来不用 eject 即可调整配置的方法

这样的内置集成都使用相同的 实现为插件功能，所有这些 API 都可用于所有社区插件如果有兴趣编写自己的插件，请查阅

在 Vue CLI 3 中，不再拥有“模板”（template） - 相反你可以创建自己的，并与其他开发者共享你选择的插件和选项

图形用户界面 (GUI）

Vue CLI 3 附带了一个完整的 GUI ，不仅可以创建新项目还可以管理项目中的插件和任务。甚至還带有下面这种花哨的 webpack 仪表板 ：

在编写代码之前等待 npm install 并不好玩有时我们只需要即时访问工作环境即可获得灵感的火花。使用 Vue CLI 3 的 vue serve 命令你呮需要启用 Vue 单文件组件即可进行原型设计。

原型开发服务器和标准应用具有相同的设置因此你可以轻松地将原型 *.vue 文件移至正确的脚手架項目的 src 文件夹中以继续处理它。

检测是否在全局安装成功 输入命囹 vue -v

接下来你就可以进行你的vue.js脚手架搭建啦