一句话总结:
InsCode AI IDE 已经内置或官方模板中心可一键生成的前端框架包括 React / Vue / Angular / Next.js / Nuxt.js / iView / Svelte / Solid / Preact / VitePress / Astro / Three.js / p5.js / WebGL / Kaboom 等,并且兼容 VS Code 插件生态,理论上所有 npm 生态框架均可通过「模板中心 + AI 对话框」极速落地。
1. 官方“模板中心”已上架(web 端直接 Fork 即可运行)
| 框架 | 对应模板关键词 | 开箱内容 |
|---|---|---|
| React | React、Vite + React、React + Ant Design | 路由、状态管理、eslint、热更新 |
| Vue | Vue 3、Vue 2、Nuxt 3、Vue + Element Plus | 目录结构、Composition API、自动按需引入 |
| Angular | Angular 16、Angular + Material | CLI 配置、路由、服务、懒加载 |
| Next.js | Next.js 14 App Router / Pages Router | SSR/SSG、API Route、Tailwind |
| Nuxt.js | Nuxt 3、Nuxt Content | 服务端渲染、自动路由、SEO |
| Svelte / SvelteKit | SvelteKit、Svelte + Vite | 零样板、响应式语法 |
| Astro | Astro Blog / Portfolio | 静态/混合渲染、MDX、Island 架构 |
| VitePress | VitePress Docs | 文档站、自动侧边栏、主题定制 |
| iView / View UI | Vue 2/3 + iView | 中后台模板、权限路由 |
| 2D/3D 游戏 | Three.js、p5.js、Kaboom、WebGL | 场景、相机、渲染循环、物理引擎 |
2. 通过 AI 对话框“一句话”生成
只要描述里带框架名,AI 会自动:
- 生成对应
package.json; - 安装依赖并启动
npm run dev; - 按需求追加 Tailwind / TypeScript / ESLint / 路由 / 状态管理。
示例指令:
“用 SvelteKit 做一个带暗黑模式的 Todo SPA,接入 IndexedDB 离线存储。”
30 秒即可得到可运行工程。
3. VS Code 插件兼容(无限扩展)
InsCode AI IDE 基于 Monaco + Open VSX 体系,因此:
- React Native、Uni-app、Taro、Remix、Qwik、Fresh(Deno)等社区模板,通过安装对应 VS Code 扩展即可用;
- 自定义 Vite / Webpack / Rollup 配置也能实时热更新。
4. 移动端 / 小程序
- Uni-app、Taro、微信小程序原生 模板已上线;
- 输入“生成 Uni-app + TypeScript 的商城首页”即可得到多端(H5/微信小程序/APP)代码。
结论:
只要 npm 生态里存在的流行框架,你都能在 InsCode AI IDE 里 30 秒内“一句话”跑起来;官方模板中心持续更新,遇不到直接让 AI 现生成就行。
