如何设置VSCode以支持Uni-app开发？

本文共计967个文字，预计阅读时间需要4分钟。

VSCode 支持 Uni-app 开发，但默认配置下缺少类型提示、页面生成、JSON 注释等关键功能 —— 必须手动安装插件和配置。否则，如 `uni.showToast()` 无参数提示、`pages.json` 添加注释报错等问题将出现。

装对插件：uni-helper + uni-create-view 是核心

只装官方推荐的 uni-app-vscode 或 vetur 不够用，它们不提供 API 类型推导和页面自动注册。真正起作用的是：

• uni-helper（必装）：提供 uni.* API、组件属性、生命周期的完整 TS 提示，依赖 @uni-helper/uni-app-types 类型包
• uni-create-view（强推）：右键 pages 目录就能新建页面，并自动写入 pages.json；默认建单文件，需在插件设置里勾选「创建同名文件夹」才符合主流项目结构
• Vue - Official（Vue 3 项目必装）：替代已弃用的 vetur，支持 <script setup> 和组合式 API 的语法高亮与跳转

其他如 Easy LESS、ESLint 属于通用辅助，不装也能跑，但缺了上面三个，开发体验会明显卡顿。