cli 是 Command Line Interface，也就是命令行接口，所谓接口就是我们可以通过命令行方式进行些 vue 给我们提供的操作。t
这里解释一下 CLI 的用途，其实就是为了便于开发 vue 应用，为我们事先写好的脚步，来帮助我们快速搭建 vue 项目，避免一些繁琐乏味的配置。同样在搭建项目时为我们提供许多选项便于搭建出适合自己应用的 vue 项目。out-of-the-box 就是开包即用，拎包入住的感觉。
我们也可以选择一些项目中需要的库，各个库之间相互依赖的关系 CLI 也通过插件形式帮助我们进行管理。
而且通过配置 webpack 我们可以将项目 src 下 javascript 文件、css 样式文件和他们依赖都打包一个文件，并不是简单打包在一起，这里还会对代码进行一些优化。
可以自由地创建一个 vue 组件，组件包换 html 结构 css 样式和 javascript 文件，组件可以轻松地被复用在我们的项目中。同时安装插件，让我们可以 typescript 来写 javascript 也可以用 scss 或 less 来写 css，还可以用 pug 来写 html 只要您愿意
启动模块热替换（HMR）功能，当我们编辑代码同时，改变就会立即反应到我们页面，这样给我们开发带来了许多快乐
要使用 vue cli 我们先安装 npm。
在安装了 npm 后，我们在命令行输入 npm i -g @vue/cli 来全局安装 vue cli 库。
安装会稍微需要一点时间，稍等片刻。
然后我们就可以 vue 命令来创建一个项目了， vue create 项目名称来创建项目。
在创建过程中，vue cli 这里提供了许多选项，我们可以选择 Manually select features 来手动配置来创建我们项目。
Babel 是一种优化编译器，Router 是 vue 的路由进行扩展的库，Linter 是检查我们的代码的工具，这里就是我们创建项目作出的选择。
我们可以选择一个脚手架来搭建项目，这里有两种选择一个 npm 一个是 yarn，个人也偏好 npm。
做出所有的选择，我们就可以享受一下等待项目，等待 cli 根据我们的选择来搭建专属于我们的 vue 项目。
然后进入创建项目下，运行 npm run serve 来启动我们项目，当您看到下面画面恭喜您成功地用 cli 创建了 vue 项目
网友评论