使用Vue图形化界面快速搭建项目

最新推荐文章于 2024-07-02 10:47:57 发布
最新推荐文章于 2024-07-02 10:47:57 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： Vue相关 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LiuZihao97/article/details/106501027
版权
本文介绍了如何利用Vue3.0以上的版本，通过命令行输入`vue ui`进入图形化界面，进而创建新项目。在项目仪表盘选择Vue项目管理器，设置项目名称和地址，并可自定义预设功能，如选择ESLint配置，来快速搭建项目。
摘要由CSDN通过智能技术生成

使用Vue图形化界面快速搭建项目

1、vue3.0以上才能使用图形化界面，需要确保你的版本比较新。

2、cmd进入命令窗口，输入 vue ui 即可进入图形化界面。

3、在项目仪表盘选择Vue项目管理器

在这里插入图片描述
4、依次点击创建–》在此创建项目
在这里插入图片描述
5、依次设置项目名、项目地址，点击下一步
在这里插入图片描述

6、这里我选择“手动”，你可以配置自己的预设，点击下一步
在这里插入图片描述
7、选择自己需要预先配置的功能，点击下一步
在这里插入图片描述
8、最后一项配置，根据自己的需求选择，再点击创建项目，可以保存当前预设或者不保存，等待片刻项目就已在本地创建好了。
在这里插入图片描述
ESLint with error prevention only(只是错误而已)

ESLint + Airbnb config(名字规范)

ESLint + Standard config(标准规范)

LiuZihao97
关注
专栏目录
基于图形化界面的方式创建Vue-cli项目
weixin_43360890的博客
05-29 682
Vue-cli的安装搭建- -基于图形化界面的方式 基于图形化界面的方式（网页），搭建新版vue项目。 cmd中运行vue ui，打开图形化界面（会自动打开一个网页）。 1. 点击创建，选择项目创建文件夹后，点击再次创建新项目。 2. 输入项目文件夹名称，Git填写init project 初始化项目 3. 开始预设的配置，我们手动配置预设。 4. 选择需要配置的预设 这里我们选择最基本的Belel，Router，Linter / Formatter预设和使用配置文件（将插件的配置保存在各自的配
Vue实现图形化积木式编程Vue前端源码
08-31
少儿编程前端，基于Vue+Vuetify+Blockly+Babylon.js的个人开源项目
【前端环境3】已有代码配置vue环境 + 使用 vue ui 图形化界面创建vue项目 + vue项目目录结构
最新发布
定期分享我的发现和想法，感谢你的陪伴和支持
07-02 1813
使用 vue ui 图形化界面创建 vue 项目是一种方便的方式，可以直观地操作和查看项目的配置和依赖。
使用 vue-cli 3 快速创建 Vue 项目
xiaokanfuchen86的博客
10-05 220
为了便于 Vue 项目的管理， Vue 团队官方开发了vue-cli工具。 本文将带您使用 vue-cli 快速创建一个 Vue 项目。 本地安装 vue-cli 使用 npm 全局安装 vue-cli ： npm i -g @vue/cli@3.0.0-beta.6 创建项目 执行： vuecreatemy-project 会弹出如下界面： 此处有两个选择： default (babel, eslint)默认套餐，提供babel和eslint支持。 Manu...
vue-ui图形界面快速创建vue工程
qq_22744093的博客
04-19 716
1、cmd 输入vue ui 然后自动在浏览器中弹出图形界面 2、弹出的图形界面，按照以下步骤一步一步创建： 插件： 添加的依赖： 创建新项目： 3、在ui中运行管理项目 运行起来后： ...
Vue实现图形化积木式编程(五)
温温温B的博客
09-04 678
Babylon.js自定义启动界面前言最终实现效果本文实现效果完整代码代码分解1.自定义启动页面2.移除启动页面后续计划Babylon.jsBlockly开源项目GitHub链接资源下载链接你的点赞是我继续编写的动力 前言 前段时间想要做一个web端的图形化积木式编程（类似少儿编程）的案例，网上冲浪了一圈又一圈，终于技术选型好，然后代码一顿敲，终于出来了一个雏形。 TIPS：该案例设计主要参考iRobot Coding,只用做学习用途，侵删。 https://code.irobot.com/#/ 最终实
如何用脚手架快速创建vue项目--基于图形化界面的方式创建
weixin_53005659的博客
04-20 204
上篇文章我们介绍了如何用脚手架命令行的方式来创建Vue项目，这篇文章我将会为大家介绍如何用图形化界面来创建Vue项目 使用图形化界面创建项目比命令行的方式更加简单明了，是现在更加流行的方式 前期的环境准备我就不多说了，在之前的文章中有，可以参考： 如何用脚手架快速创建vue项目–基于交互式命令行的方式创建 废话不多说，我们直接上操作 方法二 基于图形化界面创建 vue ui 执行WIN +R打开 操作面板，输入cmd，在终端中输入vue ui 打开一个浏览器面板，通过点击鼠标来创建项目(这里显示的是我的保
基于vue可视化拖拽编辑，页面生成工具
05-21
基于Vue的可视化拖拽编辑工具旨在进一步提升前端开发效率，允许开发者通过直观的图形界面设计和布局元素，而非编写HTML和CSS代码，从而快速构建UI界面。这种工具特别适用于需要快速原型设计或对非技术背景的团队成员...
使用vue-cli快速搭建 vue3.0项目
webfunny2020的博客
04-28 1071
1.介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 实现的交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。 /cli-service)，该依赖： 可升级；一个运行时依赖 (@vue 基于 webpack 构建，并带有合理的默认配置； 可以通过项目内的配置文件进行配置； 可以通过插件进行扩展。 一个丰富的官方插件集合，集成了前端生态中最好的工具。 一套完全图形
Vue实现图形化积木式编程(十三)
温温温B的博客
09-13 3819
Blockly步骤运行代码块高亮
Vue实现图形化积木式编程(六)
温温温B的博客
09-12 954
Babylon.js相机控制与相机动画前言最终实现效果本文实现效果完整代码代码分解0.弧度旋转相机（Arc Rotate Camera）1.相机控制2.相机动画后续计划Babylon.jsBlockly开源项目GitHub链接资源下载链接你的点赞是我继续编写的动力 前言 前段时间想要做一个web端的图形化积木式编程（类似少儿编程）的案例，网上冲浪了一圈又一圈，终于技术选型好，然后代码一顿敲，终于出来了一个雏形。 TIPS：该案例设计主要参考iRobot Coding,只用做学习用途，侵删。 https:/
Vue实现图形化积木式编程(十二)
温温温B的博客
07-23 1708
执行Blockly生成代码
前端工程化，使用Vue项目的图形化创建
Lurgee的博客
06-04 271
前端工程化，使用Vue项目的图形化创建
图形化界面创建vue项目
Jack_13201的博客
10-13 301
一：打开PowerShell窗口 输入：vue ui 二：找到Vue项目管理器，在此创建新项目 三：填写项目名称 四：选择手动预设 五：选择功能 六：选择配置 七：启动项目 yarn serve 八：打开项目http://localhost:8080/ 九：完成 ...
3、用Vue快雕塑搭建一个管理系统的页面布局框架
m0_51940950的博客
05-14 482
在el-header标签里对标签栏header进行样式定义style#4c535astylewidth40px;top10px;15px;#545c64;
图形化页面搭建Vue项目，部署到Gitee
阿P的技术博客
06-15 3423
Vue使用图形化界面创建项目 需要vue的版本在3.0以上 1.安装Vue脚手架 查看Vue的版本vue -V 2.通过Vue脚手架创建项目 进入控制台输入： vue ui # 出现Ready on http://localhost:8000表示启动成功 1.1在浏览器输入 http://localhost:8000即可进入项目管理器 选择一根目录来创建项目，我这里是D：vueproject 1.2创建项目 输入项目名称和初始化Git 1.3选择手动配置项目 这可以自由选择，根据需求
vue ui Starting GUI 图形化配置web新项目
通达的博客
03-06 1015
在vue框架里面， 以往大家都是习惯用命令行 vue create 、vue initwebpack创建新前端项目，而vue ui是一个可视化的图形界面，对于新手来说更加友好了，不但可以创建、管理、还可以更新vue项目，也可以下载各种需要的插件，比如elmentui、axios、vuex等，图形化更加直观的看到所安装的各种插件以及一来，安装卸载不用敲命令，一键即可，下面就来介绍，如何使用ui创建新项目。
@vue/cli3--使用图形化界面创建项目--方法/实例
IT利刃出鞘的博客
06-25 1072
本文用实例来介绍vue-cli3如何使用图形化界面来创建项目。
vue脚手架搭建项目
08-02
Vue脚手架是用来快速搭建Vue项目的工具。根据引用[1]和引用[2]的内容，我们可以使用命令行或图形化界面两种方式来创建Vue项目。 命令行创建方式如下： 1. 创建一个文件夹用于存放Vue项目。 2. 在文件夹中打开命令行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值