uni-app搭建h5项目

news2024/12/26 11:52:23

一、 打开官方网站
https://uniapp.dcloud.net.cn/quickstart-cli.html
二、找到使用vue-cli命令行,按照文档上的步骤进行搭建
在这里插入图片描述

  1. 全局安装 vue-cli
npm install -g @vue/cli
  1. 搭建项目
    在这里插入图片描述
    可以根据命令行搭建,搭建vue2.0对应的是webpack,
    也可以搭建vue3.0+vite,命令行下载不下来,直接访问高亮起来的 gitee 然后下载模板即可使用。
  2. 项目下载下来之后,就可以使用npm i下载依赖,然后通过npm run dev:h5启动项目即可。
npm run dev:h5

在这里插入图片描述
加粗样式
5. 打包试一下看看能不能放到nginx以及服务器上去。打包没问题之后再开发页面。

npm run build:h5

打包之后出现一下dist文件
在这里插入图片描述

  1. 把打出来的包挂载在nginx上
    可以使用nginx,挂载到nginx上。也可以直接下载http-server
    1)打开cmd输入命令:
cnpm i g http-server

2)查看是否下载完成

http-server -v

在这里插入图片描述
3)cmd切换到打包过的项目的目录地址
在这里插入图片描述
运行即可,生成的路径在浏览器中可以打开,说明打出来的包可以在服务器中用。

http-server -p 5553

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1463082.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

A2L文件添加结构体数组测量量,并进行测试

首先看到如下的待测的结构体数组变量是一个7x50的一个Uint32,相当于二维数组。 在A2L文件的Map File中搜索当前变量并新建为Map测量量 然后在Overview中选择当前结构体,选择属性Properties 选择数据类型为Ulong,就是uint32类型 配置map解析的…

【Python常用包】typing

目录 typing准备工作typing 实践Tuple、List、DictTuple - 用于定义元组类型的类型注解Dict - 用于定义字典类型的类型注解List - 用于定义列表类型的类型注解 UnionOptional 小结 typing 在 Python 中,typing 模块提供了一些辅助工具来帮助开发者编写类型注解&…

JAVA工程师面试专题-并发编程篇

目录 一、线程 1、并发与并行的区别 2、同步和异步的区别 3、Java中创建线程有哪些方式? 4、Thread和Runnable的区别 5、Java中的Runnable、Callable、Future、FutureTask的区别和联系? 6、说一下你对 CompletableFuture 的理解 7、volatile关键字有什么用&…

css2的三大特性

css的三大特性 一.层叠性概念 二.继承性行高的继承 三. 优先级概念a标签默认蓝色优先级注意事项 一.层叠性 概念 二.继承性 行高的继承 可用倍数表示三. 优先级 概念 a标签默认蓝色 优先级注意事项 例子

基于ExtendSim的半导体制造工厂仿真

这是一个离散事件模型,使用ExtendeSim “高级资源管理(ARM)”功能来组织和分配资源。 此模型使用离散事件仿真和高级资源管理(ARM)功能。ARM是一个集成系统,用于组织资源、区分资源并在整个模型中分配资源。…

java效率为什么比c/c++慢,蓝桥杯上java只得50分,c++通过?

java效率为什么比c/c慢,蓝桥杯上java只得50分,c通过? 在开始前我有一些资料,是我根据网友给的问题精心整理了一份「c的资料从专业入门到高级教程」, 点个关注在评论区回复“888”之后私信回复“888”,全部无偿共享给大…

nginx 具体介绍

一,nginx 介绍 (一)nginx 与apache 1, Apache event 模型 相对于 prefork 模式 可以同时处理更多的请求 相对于 worker 模式 解决了keepalive场景下,长期被占用的线程的资源浪费问题 因为有监听线程&#…

[游戏开发][虚幻5]新建项目注意事项

鼠标右键点击Client.uproject文件,可以看到三个比较关键的选项, 启动游戏,生成sln解决方案,切换引擎版本 断点调试 C代码重要步骤 如果你想断点调试C代码,则必须使用使用代码编译启动引擎,你需要做几个操作…

容器_Docker ( 05 )

容器_Docker ( 04 ) K8S管理 集群管理 集群管理命令 kubectl是用于控制Kubernetes集群的命令行工具 语法格式 : kubectl [command] [Type] [Name] [flags] command : 子命令 , 如create , get , describe , delete 查询集群信息管理命令 子命令说明help用于查看命令及子命…

openGauss学习笔记-225 openGauss性能调优-系统调优-配置向量化执行引擎

文章目录 openGauss学习笔记-225 openGauss性能调优-系统调优-配置向量化执行引擎 openGauss学习笔记-225 openGauss性能调优-系统调优-配置向量化执行引擎 openGauss数据库支持行执行引擎和向量化执行引擎,分别对应行存表和列存表。 一次一个batch,读…

C++如何避免float误差?

C如何避免float误差? 在开始前我有一些资料,是我根据网友给的问题精心整理了一份「c的资料从专业入门到高级教程」, 点个关注在评论区回复“888”之后私信回复“888”,全部无偿共享给大家!!! …

openEuler2203 LTS安装VMware WorkStation Pro 17并远程桌面连接Linux服务器

openEuler 2203 LTS默认只有命令行,没有GUI图形界面,在其中安装VMware WorkStation需要有图形界面的支持。这里以安装深度的DDE桌面环境,最后通过VNC远程桌面连接Linux服务器操作VMware WorkStation。 以下操作请保持网络能正常连接 1、安装…

如何使用idea连接服务器上的mysql?

安全组进行开放 具体步骤 关闭防火墙 开放端口号 重启防火墙 firewall-cmd --reload在mysql进行修改配置 update user set host % where user root;flush privileges;使得其他网络也可以连接这个数据库 另外如果想要sqlyog或者其他图形化界面要连接到数据库可以看下面这…

【论文解读】transformer小目标检测综述

目录 一、简要介绍 二、研究背景 三、用于小目标检测的transformer 3.1 Object Representation 3.2 Fast Attention for High-Resolution or Multi-Scale Feature Maps 3.3 Fully Transformer-Based Detectors 3.4 Architecture and Block Modifications 3.6 Improved …

【打工日常】使用docker部署StackEdit编辑器-Markdown之利器

一、StackEdit介绍 StackEdit一款强大的在线Markdown编辑器,不仅具备卓越的写作功能,还支持实时预览、多设备同步等特性。 很多时候基于安全和信息保密的关系,建议放在自己的服务器或者本地linux去运行,这样会比较省心。 二、本次…

云快充1.5-帧类型码数据定义

1、 注册心跳帧类型码数据定义 1.1 充电桩登录认证 1.2 登录认证应答 1.3 充电桩心跳包 1.4 心跳包应答 1.5 计费模型验证请求 1.6 计费模型验证请求应答 1.7 充电桩计费模型请求 1.8 计费模型请求应答 2、 实时数据帧类型码数据定义 2.1 读取实时监测数据 2.2 上传实…

【AIGC】开源声音克隆GPT-SoVITS

GPT-SoVITS 是由 RVC 创始人 RVC-Boss 与 AI 声音转换技术专家 Rcell 共同开发的一款跨语言 TTS 克隆项目,被誉为“最强大中文声音克隆项目” 相比以往的声音克隆项目,GPT-SoVITS 对硬件配置的要求相对较低,一般只需 6GB 显存以上的 GPU 即可…

冷链物流追踪:Java与MySQL的协同实践

✍✍计算机编程指导师 ⭐⭐个人介绍:自己非常喜欢研究技术问题!专业做Java、Python、微信小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。 ⛽⛽实战项目:有源码或者技术上的问题欢迎在评论区一起讨论交流! ⚡⚡ Java实战 |…

打造智能物品租赁平台:Java与SpringBoot的实践

✍✍计算机编程指导师 ⭐⭐个人介绍:自己非常喜欢研究技术问题!专业做Java、Python、微信小程序、安卓、大数据、爬虫、Golang、大屏等实战项目。 ⛽⛽实战项目:有源码或者技术上的问题欢迎在评论区一起讨论交流! ⚡⚡ Java实战 |…

工业网关的功能和优势,以及如何选择合适的工业网关-天拓四方

工业网关是连接各种工业设备和系统的通信设备,可以实现不同设备和系统之间的数据交换和通信。它可以作为一个中心节点,将各种工业设备连接起来,形成一个统一的通信网络,从而实现设备的远程监控、数据采集、分析和控制等功能。在工…