vue-ui
  F3TU0Ov9x7dG 2023年11月27日 28 0

使用vue-ui新建一个vue项目

@vue/cli-ui 是 vue-cli 内置的一套成熟的 UI。

Vue-cli 的 3.x 版本由内到外完全重写,带来了许多很棒的新特性。你可以在你的项目中选用路由、Vuex 和 Typescript 等等特性,并为项目添加“vue-cli 插件”。不过,这么多的选项也意味着它更加复杂,难以上手。因此我们认为,相比局限的命令行界面,一个成熟的 GUI 更能帮助你发掘这些新特性,搜索和安装 vue-cli 插件,解锁更多可能。总的来说,vue-cli 不仅能让你轻松启动新项目,并且在后续的工作中仍会是你的得力助手。

前提:

安装node,vue cli

1.开启vue ui服务

快捷键 win+r 打开 cmd 输入下面命令

vue ui

vue-ui_vue-ui

2.打开浏览器,地址栏输入 localhost:8080

3.创建项目

输入你要新建的项目的存储地址,选中目录

vue-ui_vue-ui_02


vue-ui_vue-ui_03

输入项目名称,包管理器自行选择(可选npm),git也可不选,点击下一步

vue-ui_vue-ui_04

选择手动,后面可自行配置

vue-ui_vue-ui_05


可自行选择配置,建议把format 去掉, 选中 router, 选中使用配置文件, 点击下一步

vue-ui_vue-ui_06


可自行选择:vue版本,路由模式(history模式无#),样式处理器

vue-ui_vue-ui_07

点击创建项目,是否保存预设自行选择,等待创建成功,终端如图所示:

vue-ui_vue-ui_08

vue-ui_vue-ui_09

创建成功会自动进入项目仪表盘,没进入需要自行导入

vue-ui_vue-ui_10

vue-ui_vue-ui_11

进入项目仪表盘:

vue-ui_vue-ui_12

点击任务-serve-运行

vue-ui_vue-ui_13

vue-ui_vue-ui_14

vue-ui_vue-ui_15

打开8080 ,成功

vue-ui_vue-ui_16

4.安装插件,element-ui等

vue-ui_vue-ui_17

5.安装依赖,axios等

vue-ui_vue-ui_18


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月27日 0

暂无评论

推荐阅读
  F3TU0Ov9x7dG   2023年11月27日   29   0   0 vue-uivue-ui