0
点赞
收藏
分享

微信扫一扫

怎么使用 vue ui 可视化工具创建一个项目


1、如果你安装了 vuecli3.0,在控制台输入 ​​vue ui​​,然后回车

怎么使用 vue ui 可视化工具创建一个项目_创建项目

2、成功之后会自动打开浏览器,进入可视化操作页面

怎么使用 vue ui 可视化工具创建一个项目_vue ui_02

3、点击创建,选择在 vuex 文件夹下面,点击在此创建新项目

怎么使用 vue ui 可视化工具创建一个项目_控制台输入_03

4、输入项目文件夹名称,选择包管理器 npm ,添加初始化 git 描述,然后点击下一步

怎么使用 vue ui 可视化工具创建一个项目_控制台输入_04

5、成功之后,我们选择手动配置项目,然后下一步

怎么使用 vue ui 可视化工具创建一个项目_vue ui_05

6、我们手动配置添加 babel, Vuex, Linter / Formatter, 使用配置文件 这四项开启,然后下一步

怎么使用 vue ui 可视化工具创建一个项目_创建项目_06

7、选择 ESLint + Standard config

怎么使用 vue ui 可视化工具创建一个项目_控制台输入_07

8、选择不预存

怎么使用 vue ui 可视化工具创建一个项目_创建项目_08

如果你想预设,比如命名为 kaimo 你下次创建项目的时候会在预设中出现这个

怎么使用 vue ui 可视化工具创建一个项目_vue ui_09

9、然后你就会看到正在创建项目

怎么使用 vue ui 可视化工具创建一个项目_控制台输入_10

10、稍等片刻,安装好之后,就会来到项目仪表盘

怎么使用 vue ui 可视化工具创建一个项目_控制台输入_11

11、然后点击任务,点击serve,点击运行,启动 app

怎么使用 vue ui 可视化工具创建一个项目_控制台输入_12

12、启动 app,就会打开一个浏览器窗口

怎么使用 vue ui 可视化工具创建一个项目_控制台输入_13

13、这样就基本完成了一个项目的创建到启动过程,我们用 vscode 编辑器打开文件夹 vuex 就可以看到

怎么使用 vue ui 可视化工具创建一个项目_控制台输入_14


举报

相关推荐

0 条评论