安装CLI

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

 

# 查看版本
vue --version

 

# 升级全局cli包
npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli

 

升级项目中的cli模块（以 @vue/cli-plugin- 或 vue-cli-plugin- 开头）

用法： upgrade [options] [plugin-name] （试用）升级 Vue CLI 服务及插件

选项：

　　-t, --to <version> 升级 <plugin-name> 到指定的版本

　　-f, --from <version> 跳过本地版本检测，默认插件是从此处指定的版本升级上来

　　-r, --registry <url> 使用指定的 registry 地址安装依赖

　　--all 升级所有的插件

　　--next 检查插件新版本时，包括 alpha/beta/rc 版本在内

　　-h, --help 输出帮助内容

 

 快速原型开发

vue serve需要全局依赖

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

指令

Usage: serve [options] [entry]

在开发环境模式下零配置为 .js 或 .vue 文件启动一个服务器


Options:

  -o, --open  打开浏览器
  -c, --copy  将本地 URL 复制到剪切板
  -h, --help  输出用法信息

 

创建一个App.vue文件

<template>
    <h1>Hello!</h1>
</template>

执行

默认入口可以是 main.js、index.js、App.vue 或 app.vue 

vue serve

或者指定执行文件

vue serve a.vue

vue3 cli_创建项目

打包

可以使用 vue build 将目标文件构建成一个生产环境的包并用来部署

vue build 文件名

 

创建项目

vue create hello-world

提示选择

vue3 cli_初始化_02

 

 

创建后

vue3 cli_初始化_03

 

 

 更多指令

 

vue create --help

用法：create [options] <app-name>

创建一个由 `vue-cli-service` 提供支持的新项目

选项：

　　-p, --preset <presetName> 忽略提示符并使用已保存的或远程的预设选项
　　-d, --default 忽略提示符并使用默认预设选项
　　-i, --inlinePreset <json> 忽略提示符并使用内联的 JSON 字符串预设选项
　　-m, --packageManager <command> 在安装依赖时使用指定的 npm 客户端
　　-r, --registry <url> 在安装依赖时使用指定的 npm registry
　　-g, --git [message] 强制 / 跳过 git 初始化，并可选的指定初始化提交信息
　　-n, --no-git 跳过 git 初始化
　　-f, --force 覆写目标目录可能存在的配置
　　-c, --clone 使用 git clone 获取远程预设选项
　　-x, --proxy 使用指定的代理创建项目
　　-b, --bare 创建项目时省略默认组件中的新手指导信息
　　-h, --help 输出使用帮助信息

使用图形化界面

vue ui

vue3 cli_初始化_04