<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Web-Development on All about Raspberry Pi</title><link>https://hugozhu.site/tags/web-development/</link><description>Recent content in Web-Development on All about Raspberry Pi</description><generator>Hugo</generator><language>en</language><lastBuildDate>Tue, 03 Feb 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://hugozhu.site/tags/web-development/index.xml" rel="self" type="application/rss+xml"/><item><title>用 Claude Code 从零构建离线记事本 PWA 应用</title><link>https://hugozhu.site/post/2026/119-building-pwa-notepad-with-claude-code/</link><pubDate>Tue, 03 Feb 2026 00:00:00 +0000</pubDate><guid>https://hugozhu.site/post/2026/119-building-pwa-notepad-with-claude-code/</guid><description>&lt;p&gt;在 AI 辅助编程的时代,我们如何利用 Claude Code 这样的智能工具来构建一个完整的 Web 应用?本文将详细记录使用 Claude Code 开发一个功能完整的离线记事本 PWA (Progressive Web App) 的全过程,展示 AI 编程助手如何帮助我们快速实现从需求到部署的完整开发流程。&lt;/p&gt;
&lt;p&gt;这个项目的特别之处在于:它是一个&lt;strong&gt;零依赖框架&lt;/strong&gt;的纯 JavaScript 应用,支持 &lt;strong&gt;Markdown 渲染&lt;/strong&gt;和 &lt;strong&gt;JSON 可视化&lt;/strong&gt;,并且可以完全&lt;strong&gt;离线工作&lt;/strong&gt;。更重要的是,整个开发过程展示了如何与 AI 编程助手高效协作。&lt;/p&gt;</description></item></channel></rss>