uni-app零基础学习笔记

116 阅读1分钟

开发软件和相关官网

  1. 微信开发者工具
  2. HBuilderX
  3. uni-app官网 优点:uni-app实现了一套代码,同时运行到多个平台;如下图所示,一套代码,同时运行到iOS模拟器、Android模拟器、web、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具、QQ开发者工具(底部每个终端选项卡,代表1个终端模拟器)

快速安装于相关配置

即开即用 配置调试工具环境 使用内置模板

开发环境

1.创建项目

使用内置模板,创建开箱即用

20230224200813.png

2.项目结构和声明

项目结构图

20230224201111.png 注意:这是前台加后台项目结构图---不使用unicloud就没有结构

项目运行

多种运行环境可以选择(习惯用浏览器)

20230224221158.png

小程序标签

小程序于html不一样,可以使用但是一些标签会被自动转义,所以一般使用小程序标签 view-div 常用小程序标签

Tips

1.使用scss使用嵌套的css,方便样式的应用 2.HBuilderX---使用模板(果然是高度智能化) 3.高度组件化 p1-p4

page.json文件于配置

创建一个页面自动配置路由