uniapp微信小程序开发物料

开发工具

HBuilder： HBuilderX-高效极客技巧

vscode

1、在vscode中新建一个项目npx degit dcloudio/uni-preset-vue#vite-ts 项目名称

2、在HBuilder中可以可视化进行新建项目

路由

在app.json文件中配置pages路由路径

路由跳转方法

uni.navigateTo(OBJECT) | uni-app官网

全局状态管理

uniapp+vue2.x

使用vuex做全局状态管理

uniapp+vue3.x

使用pinia做全局状态管理，借助pinia-plugin-unistorage插件做数据持久化

网络数据请求

uni.http

https://juejin.cn/post/7374224361560358946?searchId=20240619165639CE416709E4A669556E2F

包管理

使用npm、yarn、pnpm来进行包管理

第三方依赖包存储在node_moudle包中

ui组件库

 Vant Weapp

Vant Weapp - 轻量、可靠的小程序 UI 组件库