小程序开发第三弹: uni-app 框架基础

发表时间：2021-1-5

发布人：葵宇科技

浏览次数：40

uni-app 介绍

uni-app 是一个使用 Vue.js 核心库开发的前端小程序框架 ; 个人更喜欢这样认为 ; 其实他还可以编译原生App 和 H5 应用 ; 真正的实现了一套代码编译多端 ;

为什么选择它uni-app 上面说的很明确

Vue.js 语法 ; Vue 相关业务开发者基本无痛学习
编译多端 ; 比较方便 ( 当然也有坑的地方, 但是对比小程序原生开发体验还是好太多, 个人认为 )

快速上手

工具下载

开发 uni-app 应用 , 建议大家都下载他们官方指定的工具 HBuilder 下载地址建议大家安装 「正式版-App开发版」 虽然比较大 , 但是功能也比较齐全 ;

创建项目

创建项目有两种方式 , 这里推荐大家去官网看一下使用 IDE 是怎么创建的 ;

不推荐大家按照官网的意思创建 uni-ui 项目 ( 这个里面模板太多, 不适合刚开始学习 , 如果大家想看看也行 ) ; 建议默认模板 ;
老规矩 , 云开发暂时不选 , 这个功能后面可以在看
项目目录大概以下这样 ; 这样创建的项目会漏掉一些主要分区比如 store components 这些 ; 后面会做补充 ;

+---pages // 页面
|   \---index
|           index.vue
|
\---static // 静态文件
|       logo.png
|
|   App.vue // 主组件
|   main.js // 入口文件
|   manifest.json // 小程序, App, H5 配置
|   pages.json // 小程序配置文件 类比微信小程序中的 app.json
|   uni.scss // 工程中全局样式文件 可以放一些通用的样式变量 mixin 等
复制代码

附一张人家官网的完成目录, 后面争取全部都加上示例 ;