命令行

命令行主要指的是 Vue CLI 系统 https://cli.vuejs.org/zh/index.html

功能 #

该系统包括了:

  • @vue/cli 实现的交互式项目脚手架
  • 运行时依赖 @vue/cli-service,该依赖(dependency)包括:
    • 可升级
    • 基于 webpack 构建,并带有合理的默认配置
    • 可通过配置文件进行配置
    • 可通过插件拓展
  • 官方插件集合。
  • 图形化的创建、管理 vue.js 项目的用户界面

cli #

安装之后,你就可以在命令行中访问 vue 命令。(个人觉得这里面的概念挺割裂的,明明是 vue 的命令行,起了个名字叫 CLI

# 安装
npm install -g @vue/cli
# 或者
yarn global add @vue/cli

# 更新
npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli

查看版本

vue --version

通过 vue 命令创建一个项目:

vue create hello-world

相关的命令还有:

Usage: vue <command> [options]

Options:
  -V, --version  output the version number
  -h, --help     output usage information

Commands:
  init           generate a new project from a template
  list           list available official templates
  build          prototype a new project
  create         (for v3 warning only)
  help [cmd]     display help for [cmd]

通过 vue ui 命令可以启动一个 GUI 界面的项目管理器。

cli-service #

在一个 Vue CLI 项目中,@vue/cli-service 安装了一个名为 vue-cli-service 的命令。

{
  "scripts": {
    "serve": "vue-cli-service serve --open",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
}

cli-plugin #

本文共 375 字,上次修改于 May 29, 2022