vue-cli创建工程两种方式之可视化界面方式

最新推荐文章于 2023-09-08 17:16:57 发布
最新推荐文章于 2023-09-08 17:16:57 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： vue 文章标签： vue-cli创建项目 vue ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41062572/article/details/103227062
版权
  1. 先进入到你创建好的准备放置项目的文件夹中，然后使用vue ui打开可视化功能
#这是我自己的目录，你可以自己创建自己的目录
cd /home/jjking/vue
#打开可视化
vue ui

在这里插入图片描述

  1. 在浏览器中打开 http://localhost:8000/看到下面的界面
打开后的主界面，在创建完项目后这里会显示你的项目。在这里插入图片描述
新建项目.在这里插入图片描述
修改项目名并选择包管理器。在这里插入图片描述
选择手动配置。在这里插入图片描述
要选择的组件。在这里插入图片描述
css预处理选择Sass，错误检查使用标准方式，检查时机为保存的时候，单元测试解决方案为Mocha+Chai。在这里插入图片描述
保存的预设下次可以在创建项目时直接使用。在这里插入图片描述在这里插入图片描述
创建项目中…在这里插入图片描述
创建完成后跳转的界面，包括仪表盘、安装的插件信息、依赖信息、配置信息及任务。在这里插入图片描述

在这里插入图片描述在这里插入图片描述在这里插入图片描述

在任务中的serve界面运行项目，点击与醒后可以在控制台、输出、分析中显示各种不同的详细信息。在这里插入图片描述在这里插入图片描述
  1. 点击上面的链接进入下面的界面，恭喜，大功告成！在这里插入图片描述
ETL_JJKING
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 结合gojs的流程设计器
03-09
将go.js 流程图 流程设计与vue框架结合使用 未去水印版本
公路项目建设可视化进度管理
HT for Web 3D
12-27 903
前言 福厦漳高铁是福建省继温福铁路之后建成的第二条快速铁路，也是中国中长期铁路网规划中"四纵四横"快速客运通道的"一纵"–东南沿海客运专线(杭深客运专线)的重要组成部分。福厦漳铁路北起福州南站，途经莆田、泉州至厦门和漳州。全线共设7座车站，全长297公里，是福建省首条设计时速350公里的快速铁路站，投资估算总额约505亿元。2017年9月动工，计划2022年建成通车。 新基建项目的开展将聚焦于城市轨道交通和城际高速铁路，新一代智能化高速铁路系统将广泛运用云计算、大数据、物联网、移动互联、北斗导航和BIM等新
BIM+GIS可视化工程管理平台，施工全过程动态监管！
TuxinyunGIS的博客
03-15 675
中科图新BIM+GIS可视化工程管理平台，将工程建设场景、建设状态、构件信息等真实现场还原，对构件属性、资料、照片、进度进行管理，对工程实时信息、质量及安全做到全线上展示，实现工程数据一张图、工程进度管理、安全管理、施工全过程可视化动态监管，对施工全过程全方位全流程管理。中科图新BIM+GIS可视化工程管理平台，将施工数据与BIM模型和GIS数据进行关联与融合，搭建基于BIM+GIS的可视化工程管理平台，实现施工全过程可视化动态监管。支持距离测量、面积测量、三角测量，经纬度坐标查询。
闲人闲谈PS之三十七——工程进度可视化的探索
SAP闲人的博客
03-05 2230
抛开互联网的元宇宙、数字孪生等新概念，其实在实业的信息化进程中，这些概念早就出现，很多已经开始商业应用。所以，闲人对现在所谓的互联网狂欢表示谨慎的乐观，制造行业一定是商业基石
中国特色新基建可视化，工程监控画面还能这么美？你绝对没见过
二三维数据可视化/数字孪生
01-08 386
两岸的山川碧绿，略带金黄，映在清澈的镜子般的流水中。远处孤独的帆正在慢慢消失。红日托着燕子，金光闪闪，风筝在空中飞舞。这一切都伴随着悠扬的乐曲，讲述了一个HT架设桥梁的施工过程的三维可视化故事。 建筑工程项目是一项复杂、综合、强大的工程活动，工程数据量巨大，是需要多名参与者共同完成的产品。就桥而言，中国的桥数已经突破了100万座，在过去很长一段时间里，施工人员按照图纸施工，重要工程事先在脑子里建模，大大增加了施工困难和效率。在科学技术快速发展的背景下，数字技术伴随着传统基础设施和创新、新需求的不断提出，形
智慧工地可视化解决方案-智慧工地源码
源码技术栈的博客
09-08 741
智慧工地技术说明：微服务架构+Java+Spring Cloud +UniApp +MySql， 支持多端展示（PC端、手机端、平板端）;
Kettle
weixin_41205674的博客
10-15 926
基于Springboot+Kettle 和 vue+ElementUI 实现的ETL工具
web kettle、ETL数据采集
shengmao6545的博客
05-31 2355
kettle 9 的web版本 集成分布式调度 和web在线设计kettle流程、在线运行测试、刷新恢复当前执行效果
Vue CLI的UI界面（可视化操作Vue项目）
庸人方自扰，自在就好
12-02 7967
一、打开我们的Vue项目 如果当时是使用vue init webpack my-project创建Vue项目的，打开Vue项目是先用cd切换到项目文件夹，再使用“npm run dev”或者“npmrunstart”命令打开。如果是使用vue create my-project创建的Vue项目，就只能使用“npm run serve”命令打开项目。这是我目前的发现。 二、打开Vue-Cli的UI界面 在已经打开了git bash的情况下，再双击git bash便可打开第二个git bash，然后切..
开源数据实时采集和ETL工具 streamsets
时刻学习
09-17 807
如何在CDH中安装和使用StreamSets - 云+社区 - 腾讯云
数据仓库、数据湖、数据平台、数据中台
angeling2009的专栏
12-21 170
存储 服务 数据仓库 结构化数据 为业务提供分析报表 数据湖 结构化数据（行和列） 半结构化数据（CSV, log, XML, JSON） 非结构化数据（电子邮件，文档，PDF） 二进制数据（图像，音频，视频） 为业务提供深度分析的数据，具有足够强的计算能力 数据平台 结构化数据、半结构化和非结构化数据 集合结构化数据和非结构化数据，为业务提供数据集 数据中台 不存储数据 将数据与业务解耦...
vue使用vue-cli快速创建工程
01-19
本文介绍了vue使用vue-cli快速创建工程，分享给大家，具体如下： vue-cli安装 npm i vue-cli -g vue init webpack-simple vue-todos vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue ...
vue-cli系列之vue-cli-service整体架构浅析
12-07
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个...
vue-cli-plugin-tailwind:Tailwind CSS的vue-cli插件
05-10
入门在您的vue-cli项目文件夹中，通过以下方式添加插件： vue add tailwind选择要生成的Tailwind配置： 无-不会创建一个配置文件。 如果已经有了配置（确保配置PurgeCSS），则很有用。 最小（默认） -将创建一个最小...
满意度调查行·知dr.pptx
04-25
满意度调查行·知dr.pptx
基于B2C的网上拍卖系统_秒杀与竞价.zip
04-25
基于B2C的网上拍卖系统主要用于帮助人们应用互联网方便快捷买到自己所中意的商品，并参与到秒杀与竞拍当中。 主要功能包括： 1.前台模块 （1）普通用户登录/注册。 （2）分类查看商品(普通商品与促销商品) （3）查看商品详细信息 （4）查看秒杀商品 （5）查看竞拍商品 （6）将商品加入购物车 （7)购买，结算功能 （8）留言 2.后台模块 （1）修改密码 (2)商品管理: -- 编辑/删除 -- 设置/取消促销 （3)秒杀商品：设置/取消秒杀 （4)竞拍商品：设置/取消竞拍 （5)订单管理：查看订单 （5)留言管理：查看/删除留言 项目访问路径: 前台：http://localhost:8080/sale 后台：http://localhost:8080/sale/user/adminlogin
分布式系统中Java后端开发技术及其应用实践.pdf
最新发布
04-25
分布式系统的核心思想是复杂计算任务的拆分与并行计算，可有效减少计算时间、节约算力成本。以分布式系统中Java后端开发技术的应用为主题，分析分布式系统开发的需求，探讨Java技术栈、分布式监控与日志管理、云服务模型在分布式系统Java后端开发中的应用路径，旨在为分布式系统的设计与实现提供全面的理论分析和实践指导，以支持构建高效、稳定、可扩展的企业级Java应用。 随着云计算、大数据和人工智能技术的飞速发展， 分布式系统已成为支撑现代企业信息系统的基础架构。 Java 后端开发技术在构建分布式系统中扮演着至关重要的 角色，其应用价值和研究重点主要集中在微服务架构、容 器化技术、自动化部署、服务网格、无服务器计算、应用 程序编程接口（Application Programming Interface， API）管理、数据一致性解决方案、分布式缓存、负载均衡、 复杂事件处理和分布式事务管理等方面[1]。Java平台以 其成熟的生态系统、跨平台的移植性、丰富的开源框架 和库以及稳定的性能，为分布式系统的开发提供了坚实 的基础[2]。深入探讨Java后端开发技术在分布式系统中 的应用实践，旨在为企
vue-cli-webpack:vue-cli 2.9.6版本初始化webpack工程
09-07
vue-cli是一个构建Vue.js工程的脚手架工具，帮助开发者快速搭建和管理Vue.js项目。而vue-cli 2.9.6版本是其一个较早的版本，可以使用它来初始化一个基于webpack的Vue.js工程。 使用vue-cli 2.9.6版本初始化webpack工程，首先需要确保本地已安装了node.js和npm。 在命令行中执行以下命令来安装vue-cli： ``` npm install -g vue-cli@2.9.6 ``` 安装完成后，可以使用以下命令来初始化一个webpack工程： ``` vue init webpack my-project ``` 这里的"my-project"是你自定义的项目名称，可以替换为其他名称。 执行上述命令后，vue-cli会根据webpack模板生成项目的基本结构和文件。 接着，需要进入项目文件夹： ``` cd my-project ``` 然后执行以下命令来安装项目所需的依赖： ``` npm install ``` 安装完成后，可以使用以下命令来启动项目： ``` npm run dev ``` 这样，webpack工程就成功初始化并启动了。通过访问http://localhost:8080，可以在浏览器中查看项目的运行效果。 在初始化的工程中，可以编辑和修改src目录下的文件，这里的主要文件包括App.vue和main.js，分别是Vue组件和入口文件。 总之，使用vue-cli 2.9.6版本初始化webpack工程能够为开发者提供一个基于webpack的Vue.js开发环境，使他们能够更高效地进行Vue.js项目的开发和管理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值