uniapp入门指南

什么是uni-app

uni-app 是一个使用 Vue.jsopen in new window 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。

参考文档

快速上手

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

HBuilderX

官方IDE下载地址open in new window

vue-cli命令行

全局安装vue-cli

npm install -g @vue/cli

创建uni-appopen in new window

vue create -p dcloudio/uni-preset-vue demo-uni

此时,会提示选择项目模板,初次体验建议选择 hello uni-app 项目模板。我们选择 默认模板如下所示:

如何学习

uni-app官方推荐

  1. 建议第一步,看完uni-app官网open in new window的首页介绍。

  2. 建议第二步,通过快速上手open in new window,亲身体验下uni-app。

  3. 建议第三步,看完《uni-app官方教程》open in new window,出品人:DCloud,课时:共3节。

参考文档

开发规范

参考文档

目录结构open in new window

核心知识

生命周期

页面样式与布局

路由(页面跳转)

官方推荐

uni-app 有两种页面路由跳转方式:使用navigatoropen in new window组件跳转、调用APIopen in new window跳转。

参考文档

条件编译

跨端开发注意点

App端开发

官方组件

官方跨端API