🌵 前端文档 / 软件 / 工具

🚝 开发 & 下载

名称	简介
微信开发者工具	小程序调试、预览与发布
VS Code	轻量级跨平台编辑器
WebStorm	JetBrains 全家桶之专业前端 IDE（付费）
HBuilderX	uni-app 官方推荐 IDE
Snipaste	轻量截图 + 贴图
Postman	接口调试、Mock、自动化测试

🛠️ 常用在线工具

无需安装，打开即用，方便在线测试

• WebSocket 测试
• Apifox – API 设计 / 调试 / Mock
• JSON 格式化
• 字数统计
• 图片批量压缩
• 大小写转换
• 时间戳互转
• Canvas 在线运行
• 草料二维码
• 图片 ↔ Base64
• 百度 AI 去水印
• cloudflare域名代理

📚 官方文档

技术栈	链接
uni-app	https://uniapp.dcloud.net.cn/
Vite（中文）	https://cn.vitejs.dev/
微信小程序	https://developers.weixin.qq.com
TypeScript	英文 官方 / 中文 社区
VitePress	https://vitepress.dev/
uni-best	https://unibest.tech/
Vue DocGen	https://vue-styleguidist.github.io/

🧩 教程精选

• 在 VitePress 站点中集成 Gitalk 评论
• 3D 中国地图省市区三级下钻
• Vue 3 + TS 使用 VueDocGen 自动生成文档tags.json

🚀 uni-app 常用插件

1.unplugin-vue-components/vite

自动按需导入组件，告别手写 import。

unplugin-vue-components/vite

$ pnpm i unplugin-vue-components -D

在vite.config.ts或vite.config.js中配置unplugin-vue-components

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import Components from 'unplugin-vue-components/vite';

export default defineConfig({
    plugins: [
        vue(),
        Components({
            dirs: ['src/components'], // 指定需要自动导入的组件目录
            dts: 'src/components.d.ts', // 生成类型声明文件
            deep: true, // 是否递归扫描子目录，默认为 true
            extensions: ['.vue'], // 指定需要自动导入的文件扩展名，默认为 ['.vue']
        })
    ]
});