vue3 cli
安装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
打包
可以使用 vue build 将目标文件构建成一个生产环境的包并用来部署
vue build 文件名
创建项目
vue create hello-world
提示选择
创建后
更多指令
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