前言

大家好，我是林三心，用最通俗易懂的話講最難的知識點是我的座右銘，基礎是進階的前提是我的初心！

推薦幾個我覺得好用的 uni-app 工具。

vitesse-uni-app

vitesse-uni-app 是由 Vite & uni-app 驅動的跨端快速啟動模板腳手架，有了它，你可以在 vscode 或其他編輯器中去開發 uni-app 項目了。

圖片

使用起來也是非常的方便，其實就跟平時大家開發Vite & Vue3別無二致。

圖片

文檔地址：https://vitesse-docs.netlify.app/getting-started/installation

uni-network

一款為 uni-app 量身打造的、基于 Promise 的請求庫，非常好用！

圖片

圖片

文檔地址：https://uni-network.netlify.app/guide/installation.html

uni-use

uni-use，你可以理解它為 uni-app 版本的 vueuse，就是一些實用工具函數、Hooks 的集合，其實 uni-use也是依賴于 vueuse 的。

圖片

文檔地址：https://uni-helper.js.org/uni-use

vite-plugin-uni-pages

能讓你在 uni-app 去使用路由系統。

圖片

文檔地址：https://uni-helper.js.org/vite-plugin-uni-pages

create-uni

create-uni 是一個用于快速創建 uni-app 項目的輕量腳手架工具，它可以幫助你快速創建一個基于vite和vue3的uni-app項目，同時提供了一些模板供你選擇。

圖片

圖片

文檔地址：https://uni-helper.js.org/create-uni

uni-promises

能讓你在 uni-app 中無憂無慮地去使用 Promise。

文檔地址：https://uni-helper.js.org/uni-promises。

圖片

uni-app-types

它的作用是為uni-app內置組件提供TypeScript類型。

圖片

文檔地址：https://uni-helper.js.org/uni-app-types

unocss-preset-uni

專為 uni-app 打造的 UnoCSS 預設，有了它，你可以更加原子化地去使用預設的樣式，實用起來跟 UnoCSS 很類似。

圖片

文檔地址：https://uni-helper.js.org/unocss-preset-uni

vite-plugin-uni-tailwind

支持在 uni-app 中使用TailwindCSS@3原有語法開發小程序。

圖片

文檔地址：https://uni-helper.js.org/vite-plugin-uni-tailwind

Awesome uni-app

很多優秀的 uni-app 開發自愿都在這。

圖片

文檔地址：https://uni-helper.js.org/awesome-uni-app