开发软件和相关官网
- 微信开发者工具
- HBuilderX
- uni-app官网
优点:
uni-app实现了一套代码,同时运行到多个平台;如下图所示,一套代码,同时运行到iOS模拟器、Android模拟器、web、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具、QQ开发者工具(底部每个终端选项卡,代表1个终端模拟器)
快速安装于相关配置
即开即用 配置调试工具环境 使用内置模板
开发环境
1.创建项目
使用内置模板,创建开箱即用
2.项目结构和声明
项目结构图
注意:这是前台加后台项目结构图---不使用unicloud就没有结构
项目运行
多种运行环境可以选择(习惯用浏览器)
小程序标签
小程序于html不一样,可以使用但是一些标签会被自动转义,所以一般使用小程序标签 view-div 常用小程序标签
Tips
1.使用scss使用嵌套的css,方便样式的应用 2.HBuilderX---使用模板(果然是高度智能化) 3.高度组件化 p1-p4
page.json文件于配置
创建一个页面自动配置路由