跳转到内容
angular challenges logo Angular Challenges

开始

要开始使用 Angular Challenges,请按照以下步骤操作:

创建一个GitHub账户

如果你想提交答案,你需要拥有自己的GitHub账户。此外,拥有GitHub账户总是有益的,而且是免费的。

Fork GitHub 项目

导航至 Angular Challenges Repository 在页面顶部点击 Fork 按钮。这将在您的 GitHub 个人资料中创建该存储库的副本。

将存储库克隆到您的本地机器上

在您的本地计算机上选择一个目录,然后克隆此存储库。

打开终端,导航到选择的目录,并输入以下命令:

Terminal window
git clone https://github.com/[YOUR_GITHUB_NAME]/angular-challenges.git

在您最喜欢的IDE中打开该项目

使用您选择的任意集成开发环境(IDE)打开该项目。

安装所有依赖项

Terminal window
npm ci

选择一个挑战

您的项目现已启动并正在运行。剩下的唯一步骤是选择一个挑战 🚀

每项挑战包括:

  • Name: 表示挑战的内容。
  • Number: 创建顺序。 这个数字没有任何特别的含义,但有助于在 GitHub Pull Request 部分进行参考。
  • Badge: 有助于可视化难度程度。这完全是主观的 😅
    • 🟢 容易
    • 🟠 中等
    • 🔴 困难

(交替) 使用 GitHub Codespaces

在你自己的 Angular Challenges 存储库实例中,单击代码按钮并导航到 codespaces 选项卡。

Codespaces tab

单击 Create codespace on main 按钮, 您将导航到 GitHub codespace

如果您以前从未使用过 GitHub codespace,我建议您尝试这个简短的交互式 GitHub Skills Tutorial.

当您导航到codespace时,将出现一个提示,要求安装推荐的 VS Code 插件。如果您打算创建一个挑战,您可以使用 Nx plugin 来生成开始代码。无论哪种方式,codespace都将安装依赖项,你可以创建一个新分支,解决任何挑战,并创建一个pull request。

当您推送到分支时,您不必提供 GitHub 令牌。

一旦你完成,记得暂停或删除你的codesace。如果不这样做,GitHub将在30分钟后自动暂停空闲的codesace。你每个月确实有大量的免费codespace时间,但重要的是不要浪费你的分配时间

在GitHub codesace中,复制和粘贴将被阻止,直到你获得许可

GitHub codespace使用端口转发为项目提供服务。单击运行 npx nx serve [project-name] 后的提示符,导航到 localhost:4200

贡献者

感谢所有帮助本文档变得更好的贡献者!

  • tomalaforge
  • 1fbr
  • ho-ssain
  • jdegand