uniapp001

于 2024-08-20 21:21:26 发布
阅读量94 收藏
点赞数 1
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ou050719/article/details/141368484
版权

安装完node之后下载一个HBuilderX

DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架

根据自己的需求下载

下载好之后新建一个项目

选择默认模版,选择vue3然后直接创建就行了

建好之后就是一个这样的

这是项目基本结构

可以内置浏览器运行一下

一个页面基本分为三个部分

template是主要页面,script是一些配置吧?,style是一些css样式

暮夜明
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp调用蓝牙打印
08-05
uniapp调用蓝牙打印
uniapp小程序tabbar图标
07-25
在开发uniapp小程序时，`tabbar`是应用底部固定的导航栏，用于切换不同功能模块。它是用户界面的重要组成部分，提供了便捷的页面间导航。uniapp是一个基于Vue.js的多端开发框架，允许开发者编写一次代码，即可在iOS...
uniapp功能实现
WJLSH123的博客
04-20 1851
uniapp进行微信开发中遇到的一些常见的功能
Hbuilder uniapp 笔记
LAOning11的博客
08-10 5570
uniapp hbuilder
001. uniapp点击分享
c2517945543的博客
10-09 1010
uniapp点击分享按钮拉起分享界面
uniapp实现简易滑动验证码
weixin_45389051的博客
07-15 3555
先看效果如下 首先把它封装成了一个组件 <template> <view class="content" style="overflow: hidden;"> <view class="slider-container" :style="{backgroundColor:sliderBlockBg}"> <view class="" style="height: 100%;font-size: 26rpx;color: #000;text-align
uniapp 生成二维码
热门推荐
weixin_38946164的博客
04-27 1万+
效果图： 页面代码： <template> <view class='pages'> <view class='father_view'> <view class='son_view'> <view class="title-bg">需要转换的文本：</view> <textarea class="textarea-bg" v-model="text1" @blur="inputTex
数字增长动画-uniapp插件
xiaomen417的博客
10-09 1897
使用方法 引用代码 import digitJump from '../../components/zhihuai-DigitJump/zhihuai-DigitJump.vue' 使用方式 <digitJump digitTo=100.001 digitFiex=6></digitJump> 参数介绍 参数 类型 默认值 解释 d...
Uniapp通过class封装预览图片
weixin_45389051的博客
12-12 205
不说废话，直接上代码 创建一个js文件 let {log} = console class Logic{ constructor(index,imgarr) { this.index = index this.imgarr = imgarr } // 预览图片 previewImg(){ uni.previewImage({ current:this.index, urls: this.imgarr, longPressActions: { item
uniapp 阿里云 oss 上传文件/图片
唐僧的专栏
01-17 2206
项目背景： uniapp 开发的 混合项目，包含 H5， ios， android 三段开发； 大体流程： 向自己的服务器 请求操作 阿里云OSS token 权限 将文件上传至 阿里云OSS ，这里有个小插曲 ，分了两只情况：等下在后面具体分析两种情况 1，使用 uniapp 的 uni.chooseImage 选择图片/或者拍照,拿到的文件 2，是用 H5 input 方式拿到的 图片信息 将那上传成功的 文件信息 通知到 自己的服务器， uniapp 通过 ...
uniapp框架杂记
刘鑫磊
03-18 1121
文章目录： 一：uniapp介绍 二：环境搭建和技术 三：介绍项目目录和文件作用 四：参考文档和工具 五：注意的事情 六：各个功能 一：uniapp介绍 1.uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码， 可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、 快应用等多个平台。即使不跨端，uni -app同时也是更好的...
Uniapp小程序移动App开发案例
08-04
在Test001这个压缩包文件中，可能包含了案例的源代码、项目结构、资源文件等，通过学习和分析这些内容，开发者可以深入理解如何在实际项目中运用上述知识点，提升自己的前端和小程序开发能力。对于初学者，这是一个...
uniapp集成网易im测试版.rar
12-20
本案例中，开发者面临的就是如何将网易IM（NetEase Instant Messaging）集成到使用uniapp框架的应用中。uniapp是一个基于Vue.js的多端开发框架，它允许开发者编写一次代码，即可运行于iOS、Android、H5等多个平台。...
wx001 语言课学习系统的设计与实现-springboot+vue+uniapp-小程序.zip（可运行源码+数据库文件+文档
06-29
语言课学习系统使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，其管理语言课学习系统信息，查看语言课学习系统信息，管理语言课学习系统。 ...
11.动态标签页的一些优化和bug的解决
qq_55121347的博客
08-16 327
动态标签页的一些优化和bug的解决
详细介绍 Vue3 的 watch 和 watchEffect
weixin_52648900的博客
08-15 977
非常详细介绍了vue3的watch和watchEffect区别和联系
avue-crud 自定义搜索项 插槽
最新发布
qq_31683775的博客
08-20 98
加上 -search 就可以自定义查询项了。
【前端】VUE动态引入组件 通过字符串动态渲染模板 动态生成组件
我是Superman丶的博客
08-19 140
【前端】VUE动态引入组件 通过字符串动态渲染模板。
uniapp常用模板
08-26
uniapp常用模板包括以下几个: 1. [uniapp开发基础模板](https://gitee.com/gefucai/uniapp-template.git): 这个模板是一个基础的uniapp开发模板，可以作为起点来快速搭建uniapp项目。 2. [uni-app 初始模板](https://uniapp.dcloud.io/quickstart?id=%e5%88%9d%e5%a7%8b%e5%8c%96%e5%ae%89%e8%a3%85): 这个模板是官方提供的初始模板，具有一些功能特性，例如引入UI框架、网络请求库、vuex状态管理等，可以通过使用方式创建uniapp项目。 3. [uniapp基础开发模板](https://github.com/zhaomenghuan/uniapp-template): 这个模板对uniapp的请求进行了简单封装，实现了请求拦截和响应处理，并引用了uView2.0封装的http请求，可以通过配置来切换使用不同的请求库。 以上是uniapp常用的模板，它们提供了一些基础功能和工具，可以帮助开发者快速构建uniapp应用。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [uniapp基础开发模板](https://blog.csdn.net/zx_001/article/details/124460155)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [uni-app_base:uni-app uniapp项目初始化模板，集成常用功能和配置，持续完善中..](https://download.csdn.net/download/weixin_42116805/18637367)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值