uni-app快速入门教程
2024-09-05 14:15:55
1、什么是uni-app?
uni-app
是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。
即使不跨端,uni-app
同时也是更好的小程序开发框架。
2、uni-app适用于哪些人员?
所有的前端开发人员,尤其是app和小程序开发人员。
有vue和微信小程序基础的人员,能快速上手uni-app。
不推荐无前端基础的直接学。
3、uni-app的开发工具
毫无疑问,首选uni-app官方推荐工具:https://www.dcloud.io/hbuilderx.html
4、uni-app首选学习通道
毋庸置疑,首选uni-app官方文档:https://uniapp.dcloud.io
熟悉微信小程序文档的可以直接跨越性阅读。
5、快速创建一个uni-app项目
安装好HBuilder-x工具后,打开界面,新建项目--->选择uni-app
6、大概目录介绍,运行方式可以直接阅读工具的中文菜单栏或看文档。
┌─components uni-app组件目录
│ └─comp-a.vue 可复用的a组件
├─hybrid 存放本地网页的目录,详见
├─platforms 存放各平台专用页面的目录,详见
├─pages 业务页面文件存放的目录
│ ├─index
│ │ └─index.vue index页面
│ └─list
│ └─list.vue list页面
├─static 存放应用引用静态资源(如图片、视频等)的目录,注意:静态资源只能存放于此
├─wxcomponents 存放小程序组件的目录,详见
├─main.js Vue初始化入口文件
├─App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期
├─manifest.json 配置应用名称、appid、logo、版本等打包信息,详见
└─pages.json 配置页面路由、导航条、选项卡等页面类信息,详见
学习重点:阅读文档,实在不理解的先去学习vue和微信小程序。
最新文章
- java中包的命令行(cmd)操作详解
- 学习SAP HANA SQL
- Deep Learning模型之:CNN卷积神经网络(一)深度解析CNN
- 细说SaaS BI国际市场众生相,你准备好了么?
- Integration Services创建ETL包
- wampserver---------如何让局域网其他电脑访问我的apache
- 讨厌的 StorageFolder.GetFileAsync 异常。
- Android按键之Menu详解
- String[] 转List<;String>;
- 比较compareTo与equals及==的区别
- poj 1062(有限制的最短路)
- 你所不知道的五件事情--java.util.concurrent(第二部分)
- 【转】Win7、Ubuntu双系统正确卸载Ubuntu系统--不错
- 转:什么是FOUC?如何避免FOUC?
- C语言sizeofkeyword
- Python os模块--路径、文件、系统命令等操作
- 小白的Python之路 day2 文件操作
- Python 项目实践三(Web应用程序)第五篇
- 微信小程序--TabBar不出现的一种原因
- mysql_study_2