daily.dev 应用套件：一站式技术资讯体验

daily.dev 应用套件：一站式技术资讯体验

apps daily.dev application suite 项目地址: https://gitcode.com/gh_mirrors/apps/apps

项目介绍

daily.dev 应用套件 是一个包含 daily.dev 所有核心功能的单一代码库。这个项目不仅包含了 daily.dev 的 Web 应用，还涵盖了浏览器扩展，以及两者共享的组件。通过这种设计，daily.dev 能够实现更快的迭代速度，并确保 Web 应用和浏览器扩展之间的功能一致性。

项目技术分析

技术栈

• Node.js v20.12.0：项目使用 Node.js 20.12.0 版本，并提供了 .nvmrc 文件，方便使用 nvm 的用户管理 Node 版本。
• pnpm：项目采用 pnpm 作为包管理工具，用于管理 monorepo 和依赖项。pnpm 的高效性和对 monorepo 的支持使得项目结构更加清晰，依赖管理更加便捷。

项目结构

• eslint-config：为所有项目提供共享的 ESLint 配置，确保代码风格的一致性。
• extension：浏览器扩展项目，包含针对浏览器扩展的 Webpack 配置和专用组件。
• prettier-config：为所有项目提供共享的 Prettier 配置，进一步规范代码格式。
• shared：包含 Web 应用和浏览器扩展共享的组件，如设计系统组件、自定义 Hooks 等。
• webapp：Web 应用项目，基于 Next.js 构建，包含注册页面、文章页面、个人资料页面等。

项目及技术应用场景

daily.dev 应用套件适用于以下场景：

• 技术爱好者：希望在一个平台上获取最新的技术资讯和文章。
• 开发者：需要一个高效的工具来管理浏览器扩展和 Web 应用的开发流程。
• 团队协作：团队成员可以通过共享的组件和配置，快速迭代和开发新功能。

项目特点

1. 单一代码库：通过 monorepo 结构，daily.dev 应用套件将 Web 应用和浏览器扩展整合在一个代码库中，简化了开发和维护流程。
2. 快速迭代：pnpm 和 Node.js 的高效性使得项目能够快速迭代，新功能和修复可以迅速上线。
3. 一致性：通过共享的 ESLint 和 Prettier 配置，确保所有项目的代码风格一致，减少潜在的错误。
4. 易于扩展：项目结构清晰，组件化设计使得新功能的添加和现有功能的扩展变得简单。

如何开始

本地环境搭建

建议使用 GitPod 来启动本地环境，所有配置已经预先设置好，开箱即用。点击 Open in Gitpod 按钮即可开始。

运行扩展

以 Chrome 为例：

1. 在项目根目录下运行 pnpm --filter extension dev:chrome。
2. 打开 Chrome，进入 chrome://extensions/。
3. 启用右上角的 开发者模式。
4. 点击 加载已解压的扩展程序，选择 packages/extension/dist/chrome 文件夹。
5. 扩展程序应已加载，并出现在扩展程序列表中。
6. 启用扩展程序，完成后记得禁用。
7. 如果已安装生产版本的扩展程序，请禁用以避免冲突。

贡献指南

我们非常欢迎您为 daily.dev 应用套件做出贡献！在开始之前，请仔细阅读我们的 贡献指南，以确保您的贡献能够顺利进行。

项目启动

克隆项目后，请运行以下命令来启动项目：

npm i -g pnpm@8.15.7
pnpm install

daily.dev 应用套件不仅是一个技术资讯平台，更是一个高效、易扩展的开发工具。无论您是技术爱好者还是开发者，这个项目都能为您带来极大的便利和价值。立即体验，开启您的技术探索之旅！

apps daily.dev application suite 项目地址: https://gitcode.com/gh_mirrors/apps/apps