> For AI agents: the complete documentation index is available at /llms.txt, the full documentation bundle is available at /llms-full.txt.

# 学习记录

## 🚀 模块简介

  欢迎来到 **前端学习记录** 模块。作为一名 **Web** 前端开发工程师，这里主要记录了我在从事 Web 前端开发工作过程中的学习历程和心得体会。通过这些记录，我希望能够帮助更多的小伙伴在学习过程中获得更多的收获和成长，同时也希望这些内容能有助于大家在工作中更好地使用前端技术，提升自己的前端开发能力。

## 🚢 模块构成

- [编辑器配置](/record/editor/windsurf.md)
  - 在这一部分，我分享了如何配置常用的前端开发编辑器，如 Windsurf、Cursor、Trae 与 VSCode，以提高开发效率。内容包括但不限于编辑器的基本设置、插件推荐、快捷键设置等。
- [构建与项目配置](/record/build/vue-cli.md)
  - 在这一部分，我探讨了前端项目的构建与项目配置，包括使用 Rspack、Rsbuild、Vite、Vue CLI 等工具的最佳实践，以及 Vant UI 的引入与适配。内容涵盖了别名与样式配置、CDN 与 externals 减包、如何优化打包速度、减少打包体积、配置不同环境的构建等。
- [工具与依赖](/record/tooling/code-inspector.md)
  - 这部分内容主要涉及项目中常用的开发工具与依赖配置，包括代码跳转插件、VSCode 插件与字体、依赖更新检测，以及 node-sass、Bun 等包管理工具的安装、缓存清理与国内镜像切换。
- [资源收藏](/record/links/frontend-collection.md)
  - 开发过程中发现的辅助工具与实用资源收藏，含前端资源、Web 在线工具与操作系统工具，按用途分类整理，便于后续开发时快速查阅。

## 📚 总结

  通过这些记录，我希望能够为前端开发者提供有价值的参考，帮助大家在前端开发的道路上越走越远。希望这些内容能够对您有所帮助！