如何使用vue UI创建vue项目

最新推荐文章于 2024-06-20 10:27:34 发布
最新推荐文章于 2024-06-20 10:27:34 发布
阅读量1.3k 收藏 5
点赞数 1
文章标签： vue.js chrome webpack node.js npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43519230/article/details/105078137
版权

1.在dos窗口中输入 vue UI
在这第一步里插入图片描述2.在打开的面板中操作，创建新项目
在这里插入图片描述
3.选择项目名称已经初始化
在这里插入图片描述
4.手动配置也可以选择以前建立的模板（这里我们手动配置）
在这里插入图片描述
5.选择
在这里插入图片描述
6.选择如图
在这里插入图片描述
7.是否创建模板
在这里插入图片描述
8.安装插件
在这里插入图片描述
9.安装如图插件
在这里插入图片描述
10.配置插件
在这里插入图片描述11.安装依赖中选择axios插件
在这里插入图片描述
谢谢！

国家一级程序猿种子人员
关注
创建第一个 Vue 项目
lefex的博客
03-16 1256
本文来源于「Vue 虚拟实验室」yghen 的分享，由素燕进行修改。Vue 官方提供了 Vue-CLI 工具来创建项目，这一节内容我们主要学习 它能干...
UI界面创建vue项目
m0_51779342的博客
01-08 562
UI界面创建vue项目 一、使用管理员身份运行cmd（不使用管理员运行，可能项目创建不成功） 1、打开命令窗口后输入先跳转到要创建项目的文件夹，这样可以省去浏览器查找目录的时间，然后输入vue ui，等待运行完毕之后会在浏览器打开ui窗口 2、点击创建项目 找到要存放新建项目文件的路径，点击在此创建项目 填写好项目名称之后点击下一步 这里可以选择使用之前创建的预设，也可手动配置和使用默认配置 若点击手动配置，这有以下选项，可按需选择 创建项目 项目创建完成，效果如下： ...
vue ui 创建项目
m0_46610349的博客
10-11 2858
如何在命令提示符里通过 vue ui 创建项目
使用可视化的Vue项目管理器（Vue UI）来创建、开发和管理你的项目
最新发布
weixin_45131680的博客
06-20 920
这一步在选择项目所需的配置项时，就很直观了：页面内也有很多提示和查看详情的入口，相较于之前命令行的方式，就很银杏了，哈哈Babel；Router；选择Vue语法版本（2.x / 3.x（Preview））；选择路由模式（history mode / hash mode）；简单选择2.x和hash mode，点击创建项目！用完这一圈Vue UI下来，感觉比命令行直观太多了。不过对于程序猿来说，虽然Vue UI是很方便，可是耐不住命令行的魔力呀~
使用vue ui创建vue项目(基于图形化界面的方式)
南野子
05-23 5264
前提： 1.打开cmd ，安装vue脚手架 npm install -g @vue/cli 2.若之前安装过无需重新安装；直接在cmd 中输入vue ui 若输入vue ui 后无反应，则是安装的脚手架版本太低，直接升级脚手架版本就行；输入 cnpm i -g @vue/cli 安装完成后重新输入vue ui 等待自动打开浏览器； 创建项目步骤： ①点击创建 ②选择目录后,点击在此创建项目 ③输入项目名称，填写git仓库建议 init project ，其他项默认 ④点击下一步，选择默
使用vueUI创建新项目
00年女程序员分享自己的学习笔记
07-07 1346
使用vueUI创建新项目cmd打开命令窗口，输入vue ui打开vue可视化面板，然后 点击创建 选择一个路径，点击在此创建 输入项目名，点击下一步 选择手动配置 选择这四项，下一步 选择2.x 点击创建 app.vue文件如下 router里面的index.js文件如下： 删除views文件夹（里面有两个文件：HomeView和AboutView）删除components中的HelloWorld.vue文件components文件夹下创建文件...
vue-cli3/4 vue ui创建elementui项目
01-07
1、安装vue-cli3/4 MacBookPro:elementui zhangxm$ npm install -g @vue/cli npm WARN deprecated core-js@2.6.11: core-js@ /usr/local/lib/node_modules/@vue/cli/bin/vue.js > core-js@3.6.4 postinstall /usr/...
2021-11-10 vue ui 创建新项目时命令行不报错，但是浏览器显示断开连接
weixin_42947848的博客
11-10 2159
问题 解决 尝试一 参照这个解决方法， vue ui 创建新项目时断开连接.说是当前vue版本过高，需要卸载重装！ 查看当前版本 然后卸载重装，然而重装时报错 再输入vue ui 和 vue -V，版本信息和浏览器窗口均启动不了了 尝试二 按照报错提示，在本地文件夹找到D:\nodejs\node_global\node_modules 手动删除@vue文件夹，再次全局安装@vue/cli发现不报错了 npm install -g @vue/cli 再次输入vue -V和vue ui，版本
Vue使用vue-cli创建项目
08-29
Vue 使用 vue-cli 创建项目 ...使用 vue-cli 创建项目可以快速开始新的 Vue 项目，Mint_UI 框架和 vue-router 可以帮助开发者快速构建应用程序的界面和路由管理，而 Vuex 则可以帮助开发者管理应用程序的状态。
基于vue2.x和ElementUI插件的ui项目源码.zip
09-27
基于vue2.x和ElementUI插件的ui项目源码.zip基于vue2.x和ElementUI插件的ui项目源码.zip基于vue2.x和ElementUI插件的ui项目源码.zip基于vue2.x和ElementUI插件的ui项目源码.zip基于vue2.x和ElementUI插件的ui项目...
怎么样用vue ui来创建一个vue项目
梁同学与Android
07-25 522
1.在命令行中输入vue ui点击回车（前提是你的环境已经配置好了） 2.自动弹出一个网页，点击中间的创建分类栏目，并选择好文件夹目录 3.点击在此创建新项目 4.输入项目的名称点击下一步按钮 5.选择手动，点击下一步 6.根据项目的需求勾选，本项目勾选了以下几项 7.点击下一步按钮 8.让你选择模式，如果之前有的话可以选择。第二行选择标准检查规范，点击创建项目按钮 9.点击创建项目不保存预设 10.等待一会 你会看到命令行中代码飞速的运转，证明正在创建… 11.看到下面页面，说明创建成
Vue ui 创建vue项目，详细使用攻略。
苦逼打工人的博客
04-30 1802
Vue ui 创建vue项目，详细使用攻略。附带常用功能使用教程
使用vue-ui快速创建vue项目
qq_33252988的博客
02-13 513
vue ui 快速创建vue项目 1、安装node.js nodejs下载地址：http://nodejs.cn/download/ 安装node 查看是否按照成功 2、安装vue cli npm install vue-cli -g //全局安装 vue-cli 使用vue ui出现问题: 1、vue不是内部命令或外部命令 解决方案: 找到npm i xxx -g 下载后存放的路径，将路径添加到环境变量中，即可。 npm config list 查看一下npm 的配置信息,下图， 再次
通过vue ui创建项目
2301_79106424的博客
03-05 588
这的serve指的是package.js 里边的这个serve ，表示执行这里边的脚本。注意 因为这里占用的端口是8080 与后端的服务器有冲突 所以我们要修改一下端口号。在vue.config.js中加入代码 重新npm run serve 就好了。这里是选择vue版本 我要用的是vue2 选好点击创建项目就好了。启动前端工程 将创建好的项目导入编译器 我这用的是vscode。会打开一个vue的网页 在此创建项目 可以选择在那个路径创建。创建好后的重点的目录结构以及结构的作用。
使用Vue UI界面创建项目
丑小鸭
01-06 1565
条件准备 1 首先确定已经安装了 node.js 如果尚未安装，可借鉴点击博文 2 安装 @vue/cli （旧版vue-cli），具体借鉴 文档 【注】如果本地的 npm 不行，可换用阿里的 cnpm 进行安装相应的包，具体步骤可以参看下面的内容： 打开命令行，在命令行中输入 npm install -g cnpm --registry=https://registry.npm.taobao.org 然后就可以直接用 cnpm 来代替 npm 来安装某些安装包了。 开启 vue ui 1 命令行输入：
通过vue ui 命令创建项目
东语的专栏
06-27 621
vue-cli 3 之后推出了界面化的创建工具，比起命令行更直观、更容易。 文章目录一、 安装node及vue/cli二、vue ui创建项目 一、 安装node及vue/cli 1.参见 【安装node】 2. 安装vue/cli，命令行执行 npm install -g @vue/cli 二、vue ui创建项目 cmd输入vue ui后，程序会自动打开浏览器 选择项目路径，创建项目 填写项目名，取消git 选择手动配置预设 根据需要选择，本次选择Babel、 Router、Linter/
使用vue ui 创建VUE项目
weixin_44100694的博客
10-07 207
使用vue ui 创建VUE项目 1. cmd打开命令行窗口。 2. 输入vue ui，浏览器会自动打开Vue 项目管理器。 3. 点击创建——创建新项目——输入项目名称——下一步——进入项目预设 4. 选择手动配置项目——功能选择我选了4个（Babel，Router，CSS Pre-processors，使用配置文件）——下一步。 5. version选择了2.x，CSS选择了less，提示是否保存预设，点击创建项目，此时后台会自动运行命令行创建项目，等待项目创建成功。 6. 插件与依赖安装： 插件
使用Vue ui （可视化）创建Vue项目
热门推荐
m0_48607837的博客
10-11 2万+
使用Vue ui （可视化）创建Vue项目 首先打开电脑硬盘上随便一个文件夹 我这里是用E盘做的演示 打开E盘后，输入cmd（我这里是E盘根目录，如果不想用根目录可以新建文件夹） cmd的位置，当然要是新建文件夹后，cmd也是在这里输入 输入好cmd以后会弹出一个终端 在终端上输入 vue ui 如果敲了回车不生效 不要着急我来教你解决 先Vue -h检查一下 此时Commands中少了一个ui的相关信息 在控制面板中运行一下两行命令： npm uninstall vue-cli -g //卸载
利用vue ui创建vue项目
10-19
利用vue ui创建vue项目的步骤如下： 1. 以管理员身份运行cmd，并切换到nodejs安装路径。 2. 运行命令“vue ui”打开vue ui页面。 3. 在vue ui页面中，根据步骤创建项目。 4. 选择手动配置，按照需要进行配置。 5. 创建项目后，安装依赖。 6. 安装需要的插件，例如axios。 7. 运行项目，输入命令“npm run serve”即可。 需要注意的是，如果创建项目失败，可以尝试重新创建或者检查配置是否正确。同时，也可以参考引用中提供的截图和步骤进行操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值