uniapp入门指南
什么是uni-app
uni-app
是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。
参考文档
快速上手
uni-app
支持通过 HBuilderX可视化界面、vue-cli
命令行 两种方式快速创建项目。
HBuilderX
vue-cli命令行
全局安装vue-cli
npm install -g @vue/cli
vue create -p dcloudio/uni-preset-vue demo-uni
此时,会提示选择项目模板,初次体验建议选择 hello uni-app
项目模板。我们选择 默认模板
如下所示:
如何学习
uni-app官方推荐
建议第一步,看完uni-app官网的首页介绍。
建议第二步,通过快速上手,亲身体验下uni-app。
建议第三步,看完《uni-app官方教程》,出品人:DCloud,课时:共3节。
参考文档
开发规范
页面文件遵循 Vue 单文件组件 (SFC) 规范
组件标签靠近小程序规范,详见uni-app 组件规范
接口能力(JS API)靠近微信小程序规范,但需将前缀
wx
替换为uni
,详见uni-app接口规范数据绑定及事件处理同
Vue.js
规范,同时补充了App及页面的生命周期为兼容多端运行,建议使用flex布局进行开发
参考文档
目录结构
核心知识
生命周期
页面样式与布局
路由(页面跳转)
官方推荐
uni-app
有两种页面路由跳转方式:使用navigator组件跳转、调用API跳转。
参考文档