AI Stack – 适用于 IT 机构和个人作品集的响应式 Angular 20 模板

AI Stack – 适用于 IT 机构和个人作品集的响应式 Angular 20 模板

• 演示： https://portfolio.deepbase.in/
• 在线文档链接： https://docs.deepbase.in/upgrade.html

描述：

AI Stack是一款简洁优雅的Angular 20作品集模板，专为以下用途而设计：

• IT创业公司
• 开发者
• 设计师
• 自由职业者和代理机构

AI Stack采用最新的 Angular CLI 和 Web 技术构建，提供流畅的用户体验、快速的性能、移动响应能力和 PWA 功能。它非常适合展示个人项目、作品集或服务，并提供现代化的动画和布局选项。

✅主要技术与特性

• Angular 20 – 用于构建快速且可扩展应用程序的现代 SPA 框架。
• Angular PWA 支持– 内置渐进式 Web 应用功能，可实现离线功能和类似应用程序的行为。
• Bootstrap 5.3.3 – 响应式布局和现代 UI 组件。
• Bootstrap Icons 1.11.3 – 简洁且可缩放的 UI/UX 图标。
• AOS 2.3.4（滚动动画） ——流畅且可自定义的滚动动画。
• Swiper 11.1.15 – 支持触摸的移动端滑块和轮播图。
• Ngx-Owl-Carousel-O 18.0.0 – 用于响应式滑块的轮播图库。
• GLightbox 3.3.0 – 精美的图片和视频灯箱。
• Isotope Layout 3.0.6 – 可筛选和动画的网格布局。
• ImagesLoaded 5.0.0 – 确保在布局渲染之前图像已完全加载。
• jQuery 3.7.1 – 增强的 DOM 操作（可选但受支持）。
• Express 4.18.2 – 后端集成或 API 处理（可选）。
• RxJS 7.8.0 – 用于 Angular 中数据管理的响应式编程。
• Zone.js 0.15.1 – Angular 的异步跟踪和变更检测助手。
• TSLib 2.3.0 – TypeScript 辅助函数的运行时库。
• 打字机效果 2.21.0 – 用于创意文本标题的动态动画打字效果。
• Capacitor 7.0.1 – 为 Android 和 iOS 无缝部署移动应用程序。
• 完全响应式设计——针对手机、平板电脑和台式机进行了优化布局。
• SEO友好——结构清晰，元数据处理得当，便于搜索引擎索引。
• 现代用户界面/用户体验——引人入胜、简约且加载速度快的设计。

开发环境

您的 package.json 文件包含：

Angular CLI 脚本

“脚本”：{“ng”：“ng”，“start”：“ngserve”，“build”：“ng build”，“watch”：“ng build --watch --configurationdevelopment”，“test”：“ng test”}

开发工具

• @angular-devkit/build-angular ：^19.0.2
• @angular/compiler-cli ：^19.0.2
• TypeScript ：~5.8.3
• 测试：Jasmine、Karma、Chrome启动器
• Capacitor CLI ：^7.0.1 版本，支持原生平台

移动和原生平台就绪

• @capacitor/angular ：^2.0.3
• @capacitor/android 、 @capacitor/ios 、 @capacitor/core ：^7.0.1
• 支持Capacitor，可轻松部署为Android/iOS原生应用。

文档涵盖以下内容：

• 安装与配置（Angular CLI 和 Node）
• 如何启用和配置 PWA
• 轮播图、画廊和动画配置
• 响应式行为和部署技巧
• 常见问题及已知问题

更新日志