uni-app入门

最新推荐文章于 2024-06-20 17:50:36 发布
置顶 最新推荐文章于 2024-06-20 17:50:36 发布
阅读量1.6k 收藏 2
点赞数 3
分类专栏： uni-app 文章标签： 小程序 app vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45784580/article/details/104638126
版权
uni-app是一个基于Vue.js的跨平台开发框架，允许开发者编写一次代码，部署到iOS、Android、H5及各小程序平台。本文介绍了uni-app的安装、配置、页面创建以及与HTML标签的区别，特别强调了rpx作为响应式单位的应用和注意事项。
摘要由CSDN通过智能技术生成

一、什么是uni-app

uni-app 是一个使用 Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台

二、安装

uni-app支持通过 可视化界面、vue-cli命令行 两种方式快速创建项目。

通过 HBuilderX 可视化界面
在这里插入图片描述
vue-cli命令行

vue create -p dcloudio/uni-preset-vue my-project

选择模板 （初次体验可以选择hello uni-app 项目模板）
在这里插入图片描述
创建中。。。

最低0.47元/天 解锁文章
bbiu~biu~
关注
  • 3
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app与原生小程序、vue的区别
admin12345671的博客
03-24 477
bindtap@click①微信小程序：<input value='{{sex}}'getInput(e){ //实时监听 console.log() }②uni-app：<1、基本相同view，text、scroll-view，input、picker、swiper等等2、api基本相同,wx换成uni即可。
Uni-app中的Vue
qq_41525746的博客
07-07 3353
首先理解uni-app文件结构 components uni-app组件目录，放可复用的组件 pages 业务页面文件存放的目录 static 存放应用引用静态资源（如图片、视频等）的地方，注意：静态资源只能存放于此 App.vue 应用配置，用来配置App全局样式以及监听应用生命周期 main.js Vue初始化入口文件，详见 mainfest.json 配置应用名称、appid、logo、版本等打包信息，详见 pages.json 配.
如何在uni-app中引入uView插件（1.通过npm下载、2.通过插件市场安装）
最新发布
2301_78721331的博客
06-20 1084
在pages.json配置，uni-app为了调试性能的原因，修改easycom规则不会实时生效，配置完后，您需要重启Hbuilder X或者重新编译项目才能正常使用uView的功能。在pages.json配置，uni-app为了调试性能的原因，修改easycom规则不会实时生效，配置完后，您需要重启Hbuilder X或者重新编译项目才能正常使用uView的功能。在项目根目录中的main.js中，引入并使用uView的JS库，注意这两行要放在import Vue之后。接下来是通过插件市场安装的配置步骤。
uniapp之vue
soos的博客
08-04 1067
我们知道uni-app使用vue的语法+小程序的标签和API，这里补充一下vue相关常用的内容。 数据绑定： <template> <view class=""> <!-- 文本插值绑定 --> <view class="">message:{{msg}}</view> <!-- js表达式绑定 --> <view class="">{{num+1}}</view> <view.
uniapp 学集 （第五章）配置、小程序UI库
QuantumYou的博客
10-05 570
写在前面：分享技术，共同进步，有不足请见谅，相关意见可评论告知 ~ 有道无术，术尚可求； 有术无道，终止于术! 多端运行，架式简化； 编程路漫，学无止尽！ 文章目录配置全局配置和页面配置通过globalStyle进行全局配置通过pages来配置页面配置tabbartabbar未读红点配置位置SCSSuni.scssApp.vueglobalData小程序UI库 配置 全局配置和页面配置 通过globalStyle进行全局配置 用于设置应用的状态栏、导航条、标题、窗口背景色等。详细文档 属性 类
学习路之uniapp-获取manifest.json中的版本号信息
Green
03-02 2867
做版本更新(app升级)时 要使用 manifest.json中的版本号信息 "versionName" : "1.0.1", onLoad() { // 获取本地应用资源版本号 plus.runtime.getProperty(plus.runtime.appid, (wgtinfo) => { this.innerVer = wgtinfo.version; this.versionCode = wgtinfo.versionCode .
uni-app从入门到精通-10311421.pdf
05-28
uni-app是一个使用Vue.js开发跨平台应用的前端框架。开发者通过编写Vue.js代码，uni-app将其编译到iOS、Android、微信小程序等多个平台，保证其正确运行并达到优秀体验。uni-app继承自Vue.js，提供了完整的Vue.js...
uni-app
02-22
【uni-app】是一款由DCloud（即数字天堂）开发的多端开发框架，它允许开发者编写一次代码，就可以在iOS、Android、Web（H5）、微信小程序、支付宝小程序、百度小程序、字节跳动小程序等多个平台上运行。uni-app极大...
uni-app基础.pptx
09-01
uni-app 是一个基于 Vue.js 的跨平台开发框架，它允许开发者使用一套代码库构建应用程序，这些应用程序可以部署在iOS、Android、H5以及各种小程序平台上，如微信、支付宝、百度、头条、QQ和钉钉。这极大地提高了开发...
uni-app开发商城类小程序
01-22
1. **uni-app入门** - 安装与配置：首先需要安装HBuilderX IDE，它是uni-app的官方开发工具，提供了代码编辑、预览、打包等功能。 - 结构解析：uni-app项目通常包含pages、static、uni_modules等目录，分别用于...
uni_app 组件教学
01-08
uni_app 组件教学，给大家分享。谢谢..
uni-app快速入门源码 uni-app开发经典源码项目 uni-app可快速实现对接进销存
12-09
uni-app快速入门源码 uni-app开发经典源码项目 uni-app可快速实现对接企业进销存、OA、ERP系统 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、...
uni-app 从入门到光头.txt
05-12
uni-app多端适配技术自我学习，通往强者（光头）的钥匙
uni-app-template:uni-app基础模板
04-01
"uni-app-template:uni-app基础模板" 是一...对于熟悉Vue.js的开发者来说，这是一个极好的资源，可以帮助他们轻松进入uni-app的世界，而对于初学者，它也是一个理想的入门教程，可以学习如何构建和管理复杂的前端项目。
uni-app实战入门到实战项目之网易云音乐完整资料&视频教程
04-28
uni-app实战入门到实战项目之网易云音乐完整资料视频教程提取方式是百度网盘分享地址
uniapp步骤(语法简单就是结合了微信小程序和vue)
weixin_68658847的博客
03-30 702
uniapp步骤(语法简单就是结合了微信小程序和vue)
uniapp步骤(语法简单就是结合了微信小程序和vue)_uniapp是vue的语法小程序的文档
2401_84446513的博客
04-27 1067
小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
uniapp安装流程
m0_69450653的博客
10-07 4335
详细安装流程
uni-app入门与环境搭建指南
uni-app是一个基于Vue.js的多端开发框架，它允许开发者使用一套代码实现一次编写、多端部署的目标，包括iOS、Android、H5以及各大主流小程序平台。HBuilderX是DCloud官方推荐的IDE（集成开发环境），它为uni-app提供...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值