Vue CLI 教程 （原 vue-cli)

Vue.js

Vue.js 开发的标准工具，如果你学 Vuejs，我推荐你为了省时间，先把vue-cli用起来，然后再看 Vue;

本文档基于V4.2.3版本的vue-cli;

安装

安装：

npm install -g @vue/cli
# OR
yarn global add @vue/cli

如果是Mac或者Linux，记得使用sudo npm install -g @vue/cli,获取权限后再安装。

安装成功的结果

检测是否安装成功

vue 命令大全

vue -h

我们看到，下面是我翻译的

用法: vue <command> [options]

Options:
  -V, --version                              输出版本号
  -h, --help                                 输出帮助信息

Commands:
  create [options] <app-name>                创建一个由vue-cli-service支持的新项目
  add [options] <plugin> [pluginOptions]     安装插件并在已创建的项目中调用其生成器
  invoke [options] <plugin> [pluginOptions]  在已经创建的项目中调用插件的生成器
  inspect [options] [paths...]               使用vue-cli-service检查项目中的webpack配置
  
  serve [options] [entry]                    以零配置在开发模式下提供.js或.vue文件
  build [options] [entry]                    使用零配置在生产模式下构建.js或.vue文件

  ui [options]                               启动并打开vue-cli ui
  init [options] <template> <app-name>       从远程模板生成一个项目（旧版API，需要@vue/cli-init)
  config [options] [value]                   检查并修改配置
  outdated [options]                         (实验性的) 检查过时的vue cli 服务/插件
  upgrade [options] [plugin-name]            (实验性的) 升级Vue CLI服务/插件
  migrate [options] [plugin-name]            (实验性的) 为已安装的cli插件运行migrator
  info                                       打印有关您的环境的调试信息

  运行vue <命令> --help了解给定命令的详细用法。

说到零配置，可以看看这个 Parcel ，生态还不完善，零配置的缺点就是不够自由。