分享技术，分享经验

浏览器插件（Browser Extension）是一种可以扩展浏览器功能的小型程序。通过插件，开发者可以修改网页内容、与浏览器交互、添加新功能等。我会开发一个喝水提醒小助手插件。API 名称说明使用场景举例提供扩展的生命周期管理、消息传递等功能获取扩展信息、监听安装事件、消息通信本地存储 API，支持local和sync存储保存用户设置、缓存数据操作浏览器标签页，包括获取、更新、创建、关闭等获取当前活动标签页、注入脚本动态注入脚本或样式表（Manifest V3 使用）

每次修改 .prettierrc.cjs 配置文件后，如果发现保存代码时格式化没有生效，可能是 VS Code 插件缓存未及时刷新。建议此时重启 VS Code，确保新的配置被正确加载并生效。

📌 作用：通义灵码，为开发者提供智能代码建议、代码自动补全、错误检测和修复等功能，提升开发效率。：为 VS Code 提供全面的 Markdown 编辑功能，包括实时预览、自动生成 TOC（目录）、语法高亮、格式化等，提高 Markdown 文件编辑效率。：支持一键运行 JavaScript、Python、Java、C/C++、Go 等语言代码，免去手动打开终端执行命令的麻烦。📌 适用：前端开发，特别适合 HTML、CSS、JavaScript 项目，快速查看代码改动效果，提升开发效率。

支持直接从 GitHub 仓库中部署 HTML、CSS、JavaScript 等。GitHub Pages 来部署前端框架（Vue 3 + Vite）项目。这个包用于将构建好的项目推送到 GitHub 仓库的。替换为你的 GitHub 用户名。，适用于个人博客、项目展示页面等。一般前面操作对了就可以直接访问。是 GitHub 提供的免费。

通过将目录修改为用户目录（如 C:\Users\35571），可以避免权限问题，【用户目录是用户私有的，操作系统会确保用户对自己的目录有最高权限。设置到用户目录下，避免权限问题。

这意味着只有在同一台计算机上的浏览器才能访问你的应用程序。通过指定一个公共的主机名，你可以使你的应用程序能够被网络中的其他设备访问，这对于在。上的设备，局域网是指在某一区域内由多台计算机互联成的计算机组，同一局域网不一定要接同一个交换机或者HUB。选项告诉开发服务器监听所有的网络接口，而不仅仅是本地主机。是一个特殊的 IP 地址，代表所有可能的 IP 地址。我希望在相同的局域网内，通过手机访问我在Vue 3项目中展示的效果。中的其他设备来访问你正在开发的应用程序。中的其他设备上测试你的应用程序特别有用。

当 Nginx 的 location /api/ 规则匹配到请求 http://localhost:8011/api/user 后，Nginx 会从请求路径中去掉匹配到的部分，也就是去掉 /api/，然后将剩余的部分 /user 传递给后端服务器，即将/user拼接到proxy_pass。通常情况下，前端项目会被打包成静态文件（如 HTML、CSS、JavaScript、图像等），然后将这些文件部署到 Nginx 服务器上，让 Nginx 直接提供静态文件的访问服务。

Vue 实例与挂载点相关联，因此在挂载点内的任何变化都会影响到 Vue 实例的行为，而 Vue 实例的行为也会反过来影响到挂载点内的内容。实现了前端页面的交互和数据展示，同时使用了 Spring Boot 构建了后端 API，通过 HTTP 请求来获取数据，实现了前后端的数据交互。引入 Vue.js 和 Axios 库：在 HTML 页面中引入了 Vue.js 和 Axios 库，Vue.js 用于构建前端界面，Axios 用于发送 HTTP 请求。在这里，你创建了一个新的 Vue 实例，并传入了一个。