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

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

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

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

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

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

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

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

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

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

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

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

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

7、选择 ESLint + Standard config

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

8、选择不预存

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

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

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

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

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

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

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

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

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

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

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

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

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