使用vue ui命令的GUI创建vue项目的方法

已于 2022-02-20 00:25:08 修改
阅读量747 收藏 1
点赞数
分类专栏： Vue.js 文章标签： vue.js ui javascript GUI
于 2021-12-30 11:06:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43216714/article/details/122231500
版权
本文指导如何通过npm全局安装vue-cli的最新版本，包括使用`npm install -g @vue/cli`进行常规安装，以及在遇到问题时使用`npm install -g @vue/cli --force`强制覆盖旧版本。安装完成后，验证vue命令行工具，特别是`vue ui`命令，以方便开发和调试。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. 安装vue-cli最新版（版本号必须3x以上）就行了

    npm i -g @vue/cli

  2. 如果有报错，没有跳过这一步
    在这里插入图片描述

    npm install -g @vue/cli --force

    可以强制覆盖以前旧版本的vue-cli脚手架

  3. 安装完后，再查看vue的命令列表，就有ui这一命令行了

    vue -h

    在这里插入图片描述

  4. 看成果
    在这里插入图片描述
    在这里插入图片描述

  5. 也可以下载一个插件，开发调试还是很方便的
    在这里插入图片描述

使用vue GUI创建项目
weixin_43893844的博客
03-17 1218
window+R，输入cmd 输入vue ui后按回车调出vue GUI 点击左上角，选择vue项目管理器 点击创建 选择你文件创建的路径，这里我创建在桌面，点击在此创建新项目 填入项目名和git初始化，点击下一步 预设你可以选择以前配置过的，也可以手动配置，点击下一步 功能选择，下面红框内的最好都选上，当然根据自己需求来增减，我是最常用这些，点击下一步 配置选择Eslint-Standard config，点击创建项目 是否保存为预设，保存的话输入名字点击保存，不保存就点击不保存，..
使用 Vue CLI 创建 Vue.js 项目的详细指南
chaosweet的博客
12-31 1856
千里之行，始于足下。
使用GUI创建项目
qq_64511337的博客
06-01 145
执行cd vue-ui 命令进入目录中。1.命令切换到vue项目目录。点击创建，选择保存目录。
【Vue】从零开始创建一个vue项目
最新发布
2302_79600390的博客
03-12 1854
Node.js 是 JavaScript 运行环境，npm 是包管理工具（类似“应用商店”），Vue 项目依赖它们。：快速生成 Vue 项目模板，类似“工厂流水线”自动创建项目结构。
vue ui Starting GUI 图形化配置web新项目
通达的博客
03-06 1235
在vue框架里面， 以往大家都是习惯用命令行 vue create 、vue initwebpack创建新前端项目，而vue ui是一个可视化的图形界面，对于新手来说更加友好了，不但可以创建、管理、还可以更新vue项目，也可以下载各种需要的插件，比如elmentui、axios、vuex等，图形化更加直观的看到所安装的各种插件以及一来，安装卸载不用敲命令，一键即可，下面就来介绍，如何使用ui创建新项目。
[保姆级教学]使用Vue ui创建一个完整的vue项目
qq_63586399的博客
01-13 2502
通常来说常选泽：Babel（默认必选）、Router（路由）、Vuex（一种实现组件之间数据共享的技术）、Linter（默认必选）、config。1. 安装本地 node_modules 文件夹中的依赖项：npm install。随后用VSCode打开项目文件，可以在vue ui的Tasks栏下打开项目的服务。首先在cmd中输入vue ui指令以在本地打开vue ui页面。进入详细的项目配置界面，初始化Git仓库非必选，看个人需求。在Output中找到项目的本地地址并打开，进入到vue项目管理器。
Vue ui 创建vue项目，详细使用攻略。
苦逼打工人的博客
04-30 2673
Vue ui 创建vue项目，详细使用攻略。附带常用功能使用教程
vue-cli UI的GUI。-JavaScript开发
05-26
vue-cli-gui预览只是围绕vue ui命令的电子包装程序，没有什么有趣的。 下载首先，您应该在计算机上全局安装@ vue / cli：npm i -g @ vue / cl vue-cli-gui预览只是围绕vue ui命令的电子包装程序，没有什么有趣的。 ...
vue可视化GUI
11-07
2. 运行开发服务器：使用Vue CLI的命令启动一个本地开发服务器，以便实时预览GUI的变化。 3. 拖拽组件：在GUI编辑器中，选择并拖放组件到画布上，调整其大小和位置。 4. 配置组件：通过属性面板设置组件的属性，如...
vue-cli4.x创建企业级项目的方法步骤
11-20
以下是使用 Vue CLI 4.x 创建项目的方法： 1. **安装 Vue CLI** 首先，你需要在全局环境中安装 Vue CLI。在终端中运行以下命令： ``` $ npm install @vue/cli -g ``` 这会安装 Vue CLI 的最新版本。 2. **...
Vue创建项目快速体验
redrose2100的博客
11-21 322
本文详细介绍了如何安装使用vue，并使用vue创建一个项目快速体验
创建一个vue3项目
热门推荐
dreams_dream的博客
07-27 1万+
创建一个vue3项目
Vue3 UI创建项目
weixin_34352449的博客
02-02 254
之前整理了vue3命令行创建项目，vue3还出了图形化管理项目的功能，讲真的，vue越来越简单了，本人认为有点偏向了傻瓜式开发。当然，要开发好项目还是很深的。 Vue UI，可以打开创建界面。 有创建有导入，这边先创建： 右边的按钮鼠标放上去就知道功能。 然后点击最下面的创建按钮： 自己选择，这都很明显很简单。 下一步： 要是有预设过直接会在这边显示你之前创建过的，没有就是跟命令行差不多，...
Vue3使用ui创建项目
qq_45117655的博客
11-20 1216
VUE3.0和ui创建项目并导入插件 1. 使用命令行打开 vue ui C:\Users\MX的电脑\WebstormProjects\vueblog01>vue ui 2. 进入http://localhost:8000 点击左上角 然后点vue项目管理器 然后点击创建项目 3. 创建项目 详情 给定项目名 预设 第一次使用时，手动配置 后面可以给配置好的设置为模板 以后创建从此处勾选曾经的模板就行了 配置 直接确定就行了 插件集成 项目启动 npm run ser
【Vue】使用 Vue CLI 脚手架创建 Vue 项目（使用GUI创建）
HEX9CF的技术博客
12-05 443
至此，你已经成功创建了一个Vue项目，并且可以开始进行开发了。在开发过程中，你可以使用Vue CLI提供的其他命令来帮助你进行项目构建、打包等操作。具体的命令和用法可以参考Vue CLI的官方文档。
推荐开源项目：Vue CLI GUI——图形界面的Vue命令行工具
gitblog_00038的博客
06-06 430
推荐开源项目：Vue CLI GUI——图形界面的Vue命令行工具 vue-cli-guiGUI for vue-cli UI.项目地址:https://gitcode.com/gh_mirrors/vu/vue-cli-gui 项目介绍 在开发者的世界里，高效快捷的工具是提升生产力的关键。vue-cli-gui 就是这样一个神器，它是一个基于Electron封装的vue ui命令的图形界面应用...
vue可视化拖拽生成工具_vuegg：一个通过可视化拖拽组件的方式来生成VUE GUI原型界面...
weixin_34528410的博客
01-12 3583
vueggvue.js GUI generator[ Mockups and code in one go! ] About vueggScaffold vuejs projects by dragging-dropping components directly into the visual editor and moving-resizing them to your choice...
vue脚手架通过ui界面方式创建项目
搬砖猴哥
06-13 6926
我们vue脚手架提供了图形界面操作项目，比之前通过命令操作的形式更加简单，下面我就来总结一下图形界面创建项目的基本步骤 1、首先保证全局安装@vue/cli工具 ，没有自行下载 cnpm i @vue/cli -g 2、推荐下载yarn包管理器 cnpm i yarn -g 3、接下来我们就可以在自己的电脑里创建项目，找到电脑某个位置，在此文件夹按住shift同时右键，在此处打开cmd命令窗口...
vue可视化界面（GUI）
qq_45793102的博客
03-20 3072
作为一台很白啥都没装的电脑，你首先需要安装的是：Node.js 原因：因为需要里面的npm作为编译 npm 是 Node.js 的包管理工具，用来安装各种 Node.js 的扩展。 安装方法（按照以下这位博主写的操作就行）： 点我，我是安装方法 注：里面检查版本号的命令是npm -v (一定注意中间有空格！！！) 安...
使用vue ui创建新项目
12-27
### 如何使用 Vue UI 创建新项目 #### 准备环境 为了能够顺利使用 `vue ui` 工具来创建新的 Vue 项目，首先需要确保环境中已经正确安装了 Vue CLI。可以通过以下命令全局安装 Vue CLI： ```bash npm install -g @vue/cli ``` 确认安装成功后，可以验证版本号以确保一切正常运行[^4]。 #### 启动 Vue UI 图形界面 一旦 Vue CLI 成功安装完毕，在终端中执行下面这条指令即可启动图形化用户界面 (GUI)，它会自动打开默认浏览器并加载 GUI 页面： ```bash vue ui ``` 如果遇到任何关于高版本 Vue 导致的问题，可能需要考虑调整使用的 Vue 版本。对于无法通过上述方式解决问题的情况，则建议先查看当前已安装的 Vue CLI 的具体版本信息，并按照官方文档指导进行适当的操作，比如卸载后再重新安装特定版本的 Vue CLI 来规避兼容性问题[^1]。 #### 新建项目流程 进入 Vue UI 界面之后，操作非常直观简单： - 单击界面上方导航栏中的 “Create” 按钮； - 接下来选择要放置项目的目录位置以及指定项目名称； - 根据提示完成后续配置选项的选择直至结束整个向导过程； 当所有设置完成后，点击按钮开始构建项目结构，等待几秒钟到几分钟不等的时间让工具处理完必要的初始化任务，最后就能得到一个基于所选模板搭建起来的新 Vue 应用了[^2]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

云舒卷云

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值