如何打开vue UI界面 并创建 vue项目

最新推荐文章于 2024-08-17 19:13:55 发布
最新推荐文章于 2024-08-17 19:13:55 发布
阅读量1.4k 收藏
点赞数
分类专栏： vue 文章标签： ui vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dccose/article/details/126887190
版权
本文介绍了如何通过命令行打开VueUI界面，并在该界面中创建一个新的Vue项目，包括选择路由、Vuex和CSS配置等选项。接着，文章详细阐述了在VueUI中启动项目的过程，为初学者提供了清晰的步骤指南。
摘要由CSDN通过智能技术生成

如何打开vue UI界面 并创建 vue项目

打开 vue ui 界面

  • cmd 知道吧 在你想要创建项目的文件地址栏 输入 cmd 并回车
  • 在指定文件夹的url栏输入 创建的项目就会保存在那里（纯属为了方便没有硬性规定，我爱在那建在那建）
    在这里插入图片描述
  • 打开了控制面板 输入 vue ui 等待跳转即可

在vue ui 界面创建一个新项目

在这里插入图片描述

  • 手动创建
    在这里插入图片描述
  • 根据自己的需求去选择
    • 我勾选了 路由、vuex 、css配置
      在这里插入图片描述
      在这里插入图片描述
      在这里插入图片描述

在 vue UI 界面 运行项目

![在这里插入图片描述](https://img-blog.csdnimg.cn/16a5f6b6221542aa829ab970f1aa1982.png

祁同伟拿大狙
关注
专栏目录
快速使用VUE UI
qq_46258465的博客
11-23 715
快速使用VUE UI 打开VUE UI 1. 使用cmd打开VUE 在cmd里面输入 vue ui 他会启动你的浏览器窗口，我们就可以看到 2.使用VUE UI 2.1 创建的文件位置 创建的文件是默认在你启动vue ui的夹 2.2 新建文件 新建 创建完毕 2.3 新建项目 创建 配置包管理 因为我npm用的比较多，还是使用npm。 直接点击下一步默认就好 稍微等一下下 项目运行 进入任务界面 运行 编译完成 点击启动。 编译完成后会自动打开
UI界面创建vue项目
m0_51779342的博客
01-08 571
UI界面创建vue项目 一、使用管理员身份运行cmd（不使用管理员运行，可能项目创建不成功） 1、打开命令窗口后输入先跳转到要创建项目的文件夹，这样可以省去浏览器查找目录的时间，然后输入vue ui，等待运行完毕之后会在浏览器打开ui窗口 2、点击创建项目 找到要存放新建项目文件的路径，点击在此创建项目 填写好项目名称之后点击下一步 这里可以选择使用之前创建的预设，也可手动配置和使用默认配置 若点击手动配置，这有以下选项，可按需选择 创建项目 项目创建完成，效果如下： ...
想要打开vue ui界面--下面是我的解决方式
m0_72735063的博客
11-25 569
就可以打开vue ui界面啦。
Vue UI - 可视化的Vue项目管理器
最新发布
独泪了无痕
08-17 1484
这一步在选择项目所需的配置项时，就很直观了。页面内也有很多提示和查看详情的入口，相较于之前命令行的方式，方便简单多了。我这里只简单选择了Choose Vue version、Babel、Router等三项。选择Vue语法版本（2.x / 3.x（Preview））；选择路由模式（history mode / hash mode）；
vue-ui使用
早日成为鹏总
03-25 3079
1.查询是否安装Vue cli 1.查询vue版本 指令：vue -V 返回：@vue/cli 5.0.4 2.查询不到版本，使用npm命令安装vue脚手架 npm install -g @vue/cli 2.新建项目文件 1.桌面新建一个my_vue项目 2.在项目按住Shift，鼠标点击右键 3.选择 打开 powershell 4.输入 vue ui（初次使用会出现问题） 4.1执行：Get-ExecutionPolicy 4.2执行Set-ExecutionPolicy...
vue_ui使用
abb4018的博客
04-10 144
cnpm install -g @vue/cli 下载 vue -V 查看版本 vue ui 运行vue ui 这样在浏览器上就能看到vue图形界面 根据需求设置 转载于:https://www.cnblogs.com/apesplan/p/10686668.html...
使用可视化的Vue项目管理器（Vue UI）来创建、开发和管理你的项目
weixin_45131680的博客
06-20 1115
这一步在选择项目所需的配置项时，就很直观了：页面内也有很多提示和查看详情的入口，相较于之前命令行的方式，就很银杏了，哈哈Babel；Router；选择Vue语法版本（2.x / 3.x（Preview））；选择路由模式（history mode / hash mode）；简单选择2.x和hash mode，点击创建项目！用完这一圈Vue UI下来，感觉比命令行直观太多了。不过对于程序猿来说，虽然Vue UI是很方便，可是耐不住命令行的魔力呀~
vue-cli 中vue ui指令打开GUI创建项目界面空白
Jackie Huang
05-31 2437
ps: 如果有任何问题可以评论留言，我看到后会及时解答，评论或关注，您的鼓励是我分享的最大动力 转载请注明出处： https://blog.csdn.net/qq_40938301/article/details/104342113 一、问题： vue-cli 中vue ui指令打开GUI创建项目界面，一片空白...... 看教程的时候，别人的不是空白，以为自己是漏了哪个步骤，最后在vue-cli的issue上发现别人也有提出这个bug： 二、原因： 我一开始以为是墙的原因..
Jeepay支付系统对应的前端UI项目，使用Ant Design Vue开发 专业UI界面，简单整洁
04-14
Jeepay支付系统对应的前端UI项目，使用Ant ...专业UI界面，简单整洁。 Java服务端项目：https://download.csdn.net/download/hanzhuhuaa/87690112 java客户端：https://download.csdn.net/download/hanzhuhuaa/87690135
【 Vue全家桶 · Vue CLI（三）】使用可视化的Vue项目管理器（Vue UI）来创建、开发和管理你的项目
JZevin的博客
10-14 3453
vue ui
基于vue3的炫酷风格ui组件库
11-20
基于vue3的炫酷风格ui组件库。基于vue3的炫酷ui组件库 特点：活力性 可玩性 原子性 组件库使用方式参考elementUI 使用 # npm npm install viog-ui #yarn yarn add viog-ui 特殊标注样式属性请添加前缀--vi-组件...
如何安装并使用Vue ui
wang_9909的博客
06-10 841
1.查看本地node.js是否安装 node -v 2.安装vue npm install vue 3.查看vue脚手架是否成功安装以及安装的版本号 vue -V 4.打开vueui，进入vueui页面 vue ui OK！vueui已经成功创建了。 对于运行cmd命令时提示没有脚本权限 解决办法：管理员运行powershell 然后输入 set-ExecutionPolicy RemoteSigned ...
关于解决Vue项目启动后，只能访问vue默认页面，无法访问项目中其他页面的问题
weixin_42893818的博客
05-27 1万+
方法很简单，只要在index.js中的Router实例中添加一个mode:"history"属性即可。
Vue启动后，只能访问vue默认页面，怎么才能访问项目页面呢
热门推荐
qq_42423727的博客
03-20 1万+
Vue启动后，只能访问vue默认页面，怎么才能访问项目页面呢 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能...
vue首页页面呈现
王依米
10-03 6405
main.js是加载路由的文件 第一步 新建一个views页面,定义一个GoodsList.vue组件,在template里写入代码,然后在script里引入import引入要加载的css文件 例如这样 <script> import './../assets/css/base.css' 然后在router里的index.js里定义路由:,首先要引入GoodList....
vue ui启动问题
codehorse
07-10 1765
vue ui问题
2.vue项目创建完成后，可以用通过命令打开图形化界面运行项目
qq_44747508的博客
02-19 1175
1.命令行输入vue ui 2.运行项目
2020 如何进入Vue 可视化项目管理器 UI界面
超逸の学习技术博客
01-15 1万+
文章目录1、引言2、先安装cli3、进入ui 1、引言 需要Vue3.0或者以上 2、先安装cli npm install -g @vue/cli 3、进入ui vue ui 学如逆水行舟，不进则退
vue ui界面创建项目
07-02
Vue UI 是一个基于 Vue.js 的轻量级前端组件库，它提供了一套美观、易用的界面元素和设计风格，用于快速构建用户界面。如果你想使用 Vue UI 创建一个新的项目，可以按照以下步骤操作： 1. **安装 Vue CLI**: 首先...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值