用途:该技能用于使用 Vue 3 与 Nuxt 3 构建 JARVIS AI 助手的用户界面,重点是响应式、高性能的 3D HUD 界面,并采用安全优先的开发实践。风险等级标注为 MEDIUM,因为涉及用户输入处理、动态内容渲染和潜在 XSS 向量。
主要能力:提供安全组件结构、输入净化、服务端 API 路由校验、安全环境配置、3D HUD 组件集成等模式;覆盖 TDD 工作流、性能优化(computed、shallowRef、异步组件、v-memo、虚拟滚动、防抖监听)以及安全标准(CVE 缓解、OWASP Top 10 覆盖、认证中间件)。
使用方式:推荐依赖版本包括 nuxt ^3.12.4、vue ^3.4.0、dompurify ^3.0.6、isomorphic-dompurify ^2.0.0、@nuxt/devtools ^1.3.9、eslint-plugin-vue ^9.0.0、eslint-plugin-security ^2.0.0。开发命令:npx nuxi dev --host(切勿暴露到公网);安全审计:npm audit --audit-level=high、npx nuxi typecheck;生产构建:npx nuxi build。测试与验证:npx vitest run、npx eslint . --ext .vue,.ts、npx nuxi typecheck、npm run build。
适用场景:构建 JARVIS 3D HUD 组件、服务端渲染首屏性能优化、客户端状态管理集成、安全处理用户输入与 API 响应。
限制:资料未提供具体收费、价格、平台支持范围或实际效果数据;部分章节编号存在重复,内容以安全与性能模式为主,未涵盖完整项目脚手架或部署细节。