---

工程化 Vue cli

简介

它的全称叫做：command line interface

缺乏系统性的工程管理，优化，压缩

• 如果是单文件的话，如果是团队开发，那么单文件就会引发很多次冲突

快速开发

你可以使用 vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发

全局安装 vue/cli-service-global

要想起一个vue 项目，我们需要安装一个依赖

npm install -g @vue/cli-service-global

启动 vue serve

我们新建一个 vue 文件，然后通过 vue serve hello.vue 来预览一下

创建项目

命令行创建

通过如下命令创建项目

vue create 你的项目名

自定义有如下选项（以后可能更多）

创建完项目之后是这个样子

Vue UI

或者通过页面交互的形式来创建项目，在终端里输入如下命令

vue ui 

敲击回车后，浏览器会自动弹出 Vue ui 的 dashbord （仪表盘），页面大概长这个样子

可以通过 inspect 检查的功能查看 vue cli 脚手架 自动给我们配置的 webpack 配置