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

已于 2022-02-20 00:25:08 修改
阅读量710 收藏 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`命令，以方便开发和调试。
摘要由CSDN通过智能技术生成

  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. 也可以下载一个插件，开发调试还是很方便的
    在这里插入图片描述

小源同学r
关注
专栏目录
使用vue GUI创建项目
weixin_43893844的博客
03-17 1158
window+R，输入cmd 输入vue ui后按回车调出vue GUI 点击左上角，选择vue项目管理器 点击创建 选择你文件创建的路径，这里我创建在桌面，点击在此创建新项目 填入项目名和git初始化，点击下一步 预设你可以选择以前配置过的，也可以手动配置，点击下一步 功能选择，下面红框内的最好都选上，当然根据自己需求来增减，我是最常用这些，点击下一步 配置选择Eslint-Standard config，点击创建项目 是否保存为预设，保存的话输入名字点击保存，不保存就点击不保存，..
vue-cli 中vue ui指令打开GUI创建项目界面空白
Jackie Huang
05-31 2428
ps: 如果有任何问题可以评论留言，我看到后会及时解答，评论或关注，您的鼓励是我分享的最大动力 转载请注明出处： https://blog.csdn.net/qq_40938301/article/details/104342113 一、问题： vue-cli 中vue ui指令打开GUI创建项目界面，一片空白...... 看教程的时候，别人的不是空白，以为自己是漏了哪个步骤，最后在vue-cli的issue上发现别人也有提出这个bug： 二、原因： 我一开始以为是墙的原因..
使用GUI创建项目
qq_64511337的博客
06-01 118
执行cd vue-ui 命令进入目录中。1.命令切换到vue项目目录。点击创建，选择保存目录。
Vue创建项目的3种方式
最新发布
Novid_0的博客
06-16 412
在创建Vue项目时需要安装vue脚手架，安装方法入下：打开终端-运行 npm i -g @vue/cli,安装完成之后运行vue -V查看相关信息一. 第一种方式(1) 打开终端输入vue create 项目名 回车(2) 在选择配置面板一般选择用户自定义配置(3) 选择配置内容，一般为babel,router,linter等空格键经行选择(4) 一般不建议使用历史模式(5) 推荐使用第一项或第三项(6) 选择第一项(7) 一般选择第一项，为的是将文件分离打包(8) 是否将此操作存储为预设。
[保姆级教学]使用Vue ui创建一个完整的vue项目
qq_63586399的博客
01-13 1366
通常来说常选泽：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 1808
Vue ui 创建vue项目，详细使用攻略。附带常用功能使用教程
Vue创建项目快速体验
redrose2100的博客
11-21 274
本文详细介绍了如何安装使用vue，并使用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. **...
创建一个vue3项目
热门推荐
dreams_dream的博客
07-27 1万+
创建一个vue3项目
Vue3 UI创建项目
weixin_34352449的博客
02-02 220
之前整理了vue3命令行创建项目，vue3还出了图形化管理项目的功能，讲真的，vue越来越简单了，本人认为有点偏向了傻瓜式开发。当然，要开发好项目还是很深的。 Vue UI，可以打开创建界面。 有创建有导入，这边先创建： 右边的按钮鼠标放上去就知道功能。 然后点击最下面的创建按钮： 自己选择，这都很明显很简单。 下一步： 要是有预设过直接会在这边显示你之前创建过的，没有就是跟命令行差不多，...
Vue3使用ui创建项目
qq_45117655的博客
11-20 1141
VUE3.0和ui创建项目并导入插件 1. 使用命令行打开 vue ui C:\Users\MX的电脑\WebstormProjects\vueblog01>vue ui 2. 进入http://localhost:8000 点击左上角 然后点vue项目管理器 然后点击创建项目 3. 创建项目 详情 给定项目名 预设 第一次使用时，手动配置 后面可以给配置好的设置为模板 以后创建从此处勾选曾经的模板就行了 配置 直接确定就行了 插件集成 项目启动 npm run ser
vue可视化拖拽生成工具_vuegg：一个通过可视化拖拽组件的方式来生成VUE GUI原型界面...
weixin_34528410的博客
01-12 3454
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 6823
我们vue脚手架提供了图形界面操作项目，比之前通过命令操作的形式更加简单，下面我就来总结一下图形界面创建项目的基本步骤 1、首先保证全局安装@vue/cli工具 ，没有自行下载 cnpm i @vue/cli -g 2、推荐下载yarn包管理器 cnpm i yarn -g 3、接下来我们就可以在自己的电脑里创建项目，找到电脑某个位置，在此文件夹按住shift同时右键，在此处打开cmd命令窗口...
vue可视化界面（GUI）
qq_45793102的博客
03-20 3012
作为一台很白啥都没装的电脑，你首先需要安装的是：Node.js 原因：因为需要里面的npm作为编译 npm 是 Node.js 的包管理工具，用来安装各种 Node.js 的扩展。 安装方法（按照以下这位博主写的操作就行）： 点我，我是安装方法 注：里面检查版本号的命令是npm -v (一定注意中间有空格！！！) 安...
使用可视化工具（GUI）创建Vue项目
haozi的博客
01-15 971
使用可视化工具（GUI）创建Vue项目 首先安装的是：Node.js，Vue-cli版本要在3.0以上，npm install -g @vue/cli 或者 npm i -g @vue/cli 查询版本，vue -V（大写） 或者 vue --version 使用命令行，输入 vue ui，浏览器会自动打开创建窗口，点击创建 选择创建目录后，点击底部创建按钮，按需选择，继续下一步。 最后需要保存预设的话，就保存一下。创建项目中需要点时间.........
通过Vue脚手架创建项目（GUI图形界面）
u012194961的博客
10-11 504
1.终端中输入命令，打开UI界面 vue ui
Vue.js入门之Vue CLI和图形化界面Vue Ui的使用
Emoji的博客
04-27 1284
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过@vue/cli搭建交互式的项目脚手架。 通过@vue/cli+@vue/cli-service-global快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service)，该依赖： 可升级； 基于 webpack 构建，并带有合理的默认配置； 可以通过项目内的配置文件进行配...
创建vue项目的所有方法
04-04
除了使用 Vue CLI 命令行工具或 Vue UI 可视化工具外，你还可以使用 Vue 模板来创建一个新的 Vue 项目。 例如，你可以使用官方提供的 webpack 模板来创建一个新的项目： ``` vue init webpack my-project ``` 这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

小源同学r

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

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

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

打赏作者

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

抵扣说明：

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

余额充值