vue 项目可视化创建

最新推荐文章于 2024-08-17 19:13:55 发布
最新推荐文章于 2024-08-17 19:13:55 发布
阅读量407 收藏
点赞数 1
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ninewu/article/details/105704039
版权

首先全局全装npm install -g @vue/cli
之后查vue 版本号 vue -V
必须在 3.0以上才可以
在这里插入图片描述
然后在你想安装项目的文件夹下面输入 vue ui
在这里插入图片描述
会自动打开localhost:8000
然后在该文件夹下面创建项目
在这里插入图片描述
在这里插入图片描述
在预设那里选择手动
在这里插入图片描述
之后在功能那里选择想要安装的插件
在这里插入图片描述
创建成功之后也可以安装想要的插件
在配置那里选择如下
在这里插入图片描述
之后可以直接创建项目不保存预设,也可以填写预设保存项目
在这里插入图片描述
之后就创建成功需要等待
之后自动到这个页面就创建成功了
在这里插入图片描述

奥利奥的路飞
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue项目搭建-可视化创建
weixin_47436156的博客
08-07 2156
一、安装node环境 　　1、下载地址为：https://nodejs.org/en/ 　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 　　 二、全局安装vue-cli 　npm install --global vue-cli 　 三、创建vue项目有两种方法 .使用可视化视图创建 1、在cmd里面 cd 你要建项目的路径，回车 2、使用命令 vue ui D.配置Element-UI:在插件中安装，搜索vue-cli-plugin-element E.配置Axios：在依赖中
通过可视化面板创建vue项目
qq_60976312的博客
12-01 242
通过可视化面板创建vue项目
Vue可视化创建项目
future_1_的博客
06-17 2530
Vue项目可视化创建
使用可视化的Vue项目管理器（Vue UI）来创建、开发和管理你的项目
weixin_45131680的博客
06-20 905
这一步在选择项目所需的配置项时，就很直观了：页面内也有很多提示和查看详情的入口，相较于之前命令行的方式，就很银杏了，哈哈Babel；Router；选择Vue语法版本（2.x / 3.x（Preview））；选择路由模式（history mode / hash mode）；简单选择2.x和hash mode，点击创建项目！用完这一圈Vue UI下来，感觉比命令行直观太多了。不过对于程序猿来说，虽然Vue UI是很方便，可是耐不住命令行的魔力呀~
如何可视化的创建Vue项目
weixin_45657411的博客
10-14 1367
如何可视化的创建Vue项目
前端-可视化创建vue项目
y1238r的博客
06-30 3471
注：以下操作是在已安装脚手架的基础上进行 一、打开可视化界面 第一步，视窗键+R，打开“运行”窗口，输入“cmd”， 第二步，在命令行界面中，输入vue ui，打开可视化界面，如下图所示。 二、创建vue项目 1、打开创建项目界面 在Vue项目管理器界面中，选择“创建”选项卡，选择保存项目的路径，点击“在此创建新项目”按钮。如下图所示。 2、填写详情的相关信息 （1）填写项目的名称（项目名只能是英文，不能是中文） （2）选择包管理器（npm、yarn、pnpm，常用npm） （3）选择是否初始化git仓
vue项目可视化创建
08-18
- *2* *3* [前端-可视化创建vue项目](https://blog.csdn.net/y1238r/article/details/118360702)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_...
Vue大屏可视化案例资源
05-29
通过这个Vue大屏可视化案例资源，开发者不仅可以学习到Vue的基础知识，还能了解到如何将Vue应用于大型数据可视化项目，从而提升自己的实战能力。实践中遇到的问题和解决方案也会加深对Vue及其生态的理解，对于前端...
vue大数据可视化（大屏展示） 模板案例分享 Ps
11-01
在"Vue大数据可视化（大屏展示） 模板案例分享 Ps"中，可能包含了如何集成这些可视化库到Vue项目中的教程。首先，我们需要通过npm或yarn安装相应的库。然后，在Vue组件中引入并配置图表，绑定数据源，最后在模板中...
(1)Vue数据可视化大屏_景区管理平台_大屏_vue_数据可视化_
10-03
"需要nodejs和npm等环境支持"是指项目开发和运行依赖Node.js环境，因为Vue项目通常使用npm（Node Package Manager）来管理依赖和构建工具。开发者在使用此源码前，需要确保自己的计算机上已经安装了Node.js和npm，...
基于vue可视化拖拽编辑，页面生成工具
05-21
【Vue可视化拖拽编辑页面生成工具】 Vue.js是一款流行的轻量级前端JavaScript框架，它以其易用性、组件化和高性能著称。基于Vue的可视化拖拽编辑工具旨在进一步提升前端开发效率，允许开发者通过直观的图形界面设计...
使可视化面板创建vue项目
Distance_123的博客
02-21 548
安装vue脚手架 如果我们有安装了vue脚手架则无需安装 npm i @vue/cli -g 创建vue可视化项目 在终端窗口中输入 vue ui 浏览器中出现vue项目管理器
vue可视化面板创建项目
qq_38393535的博客
06-15 1804
在命令行输入vue ui等待可视化界面打开填写项目名称（必须英文）和仓库信息(可选填），然后点击下一步进入“预设面板”这里根据需要选择一个选项，然后进入“功能面板”在这个部分，选择自己需要安装的功能，然后右边按钮打开，一般需要打开“Babel”、“Router”、“Linter / Formatter”以及“使用配置文件”，继续点击“下一步”根据上面信息配置完成后点击“创建项目”，此时会弹出一个面板表示是否把刚才的配置保存为一个预设（建议保存，下次创建项目的时候可以直接用）可以试一下。
使用nvm管理node安装vue搭建vue可视化界面创建vue项目全流程
weixin_45396186的博客
05-10 1355
使用nvm管理node并安装vue搭建vue ui可视化界面进行创建vue项目全流程
Vue可视化界面创建项目（Vue ui）
zhouqiyuan1233的博客
09-07 306
环境准备：vue-cli版本要在3.0以上 若不是3.0以上，使用命令： cnpm i -g @vue/cli 再次输入： vue ui 如果出现这些字样，证明成功启动 （要在想要新建的项目使用管理员权限启动cmd窗口，否则可能会新建项目失败） ...
Vue UI - 可视化的Vue项目管理器
最新发布
独泪了无痕
08-17 1236
这一步在选择项目所需的配置项时，就很直观了。页面内也有很多提示和查看详情的入口，相较于之前命令行的方式，方便简单多了。我这里只简单选择了Choose Vue version、Babel、Router等三项。选择Vue语法版本（2.x / 3.x（Preview））；选择路由模式（history mode / hash mode）；
vue如何使用可视化创建项目
douyapeng的专栏
08-03 861
在黑框中输入vue ui 命令 第一步 选择创建目录 第二步 填写项目名称，其他的不用管 第三步 我们选择创建模板 ，我们这里选择手动 第四步 选择我们创建项目需要的依赖项 我们选择了Babel、 TypeScript、Router、使用配置文件 注：我开发用的ts，如果不想用ts可以不选择该项，开发语言就是js 第五步 配置 需要创建模板就起个名字，不需要的直接点击创建项目，不保存预设即可 第六步 项目创建完成后，添加一些必要的依赖和插件， e...
【前端环境3】已有代码配置vue环境 + 使用 vue ui 图形化界面创建vue项目 + vue项目目录结构
定期分享我的发现和想法，感谢你的陪伴和支持
07-02 1734
使用 vue ui 图形化界面创建 vue 项目是一种方便的方式，可以直观地操作和查看项目的配置和依赖。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值