发布于 2026-01-05 1 阅读
0

7 个助你更快开发前端项目的实用 GitHub 代码库 ⚡️ 反弹 🗂 前端检查清单 Pa11y 欢迎使用 readme-md-generator 👋 保护主分支

7 个助你更快开发前端项目的实用 GitHub 代码库 ⚡️

反弹

🗂 前端检查清单

Pa11y

欢迎使用 readme-md-generator 👋

保护主分支

✨ 当抛出异常时,立即获取 Stack Overflow 的结果。

GitHub 标志 shobrook /反弹

当出现错误时,在终端中获取 Stack Overflow 的结果。

反弹

Rebound 是一个命令行工具,当抛出异常时,它会立即获取 Stack Overflow 上的搜索结果。只需使用该rebound命令执行你的文件即可。

占位符演示

曾出现在: 2018 年 50 个最受欢迎的 Python 项目、 r/Python热门awesome-cli-appsawesome-shellterminals-are-sexyawesome-mac 等网站

安装

需要 Python 3.0 或更高版本。

Rebound 可在 macOS、Linux 和 Windows 系统上运行(如果您使用 Cygwin)。您可以使用 pip 安装它:

$ pip install rebound-cli

如果您使用的是 Linux 系统,则可以使用 apt-get 命令:

$ sudo apt-get install rebound-cli

用法

使用 `--no-file` 运行文件rebound与正常运行文件一样简单:

$ rebound [file_path]

这将执行该文件,提取错误消息,并允许您在不离开终端的情况下浏览相关的 Stack Overflow 问题和答案。

支持的文件类型: Python、Node.js、Ruby、Golang 和 Java。

贡献

要做出贡献,请先 fork 该仓库,进行修改,然后……


💡 通过命令行查找编程语言。

GitHub 标志 /cheat.sh

你只需要这一份秘籍。

cheat.sh 标志

统一访问全球最佳的社区驱动型速查表库。

让我们设想一下,如果存在一份理想的速查表,它应该是什么样的?它应该具备哪些功能?

  • 简洁——它应该只包含你需要的内容,不包含其他任何东西。
  • ——应该可以立即使用。
  • 全面——它应该包含所有可能问题的答案。
  • 通用——它应该随时随地可用,无需任何准备。
  • 不引人注目——它不应该分散你完成主要任务的注意力。
  • 辅导——它应该能帮助你学习这门学科。
  • 隐蔽性强——应该可以完全不被人察觉地使用它。

这种东西真的存在!安装简便,甚至还有自动补全功能

特征

作弊.sh

  • 具有简洁的 curl/浏览器/编辑器界面。
  • 涵盖 56 种编程语言、多种数据库管理系统以及 1000 多个最重要的 UNIX/Linux 命令。
  • 提供……

🔎 从命令行搜索 Stack Overflow。

GitHub 标志 samtay / so

Stack Overflow 的终端界面

ci 应用传送器 板条箱 麻省理工学院 包装状态

一个用 Rust 编写的 StackOverflow 终端界面。

用法示例

虽然我喜欢so这个缩写,但实际上,这个工具更准确的描述应该是se:StackExchange 网络接口。它与其他类似 工具的一个显著区别在于,你可以同时搜索 StackExchange 网络中的任意数量的站点:

# search using your default configuration
$ so how do i reverse a list in python

# search for a latex solution
$ so --site tex how to put tilde over character

# use google to search stackoverflow.com, askubuntu.com, and unix.stackexchange.com
$ so -e google -s askubuntu -s stackoverflow -s unix how do i install linux
Enter fullscreen mode Exit fullscreen mode

安装

Arch Linux

您可以安装 AUR 包so(跟踪最新版本)或so-git(跟踪 master 分支),例如

yay -S so-git

FreeBSD

您可以通过以下方式安装该软件包

pkg install so

NetBSD

您可以安装……


✅ 检查您的项目是否性能良好且对搜索引擎友好。

GitHub 标志 thedaviddias /前端检查清单

🗂 现代网站和一丝不苟的开发人员的完美前端检查清单

🗂 前端检查清单

前端检查清单是一份详尽的列表,列出了在将网站/HTML页面发布到生产环境之前需要拥有/测试的所有元素。

其他清单:

提示

⭐️ 我刚刚发布了一个精选的独立开发者列表,欢迎来看看!⭐️

📚 目录

如何使用?

重要的

免责声明:本清单基于前端开发人员多年的经验,并参考了其他开源清单。

前端检查清单中的所有项目对于大多数项目都是必需的,但有些元素可以省略或并非必不可少(例如,对于管理型 Web 应用程序,您可能不需要 RSS 源)。我们选择采用 3 个级别的灵活性:

  • 低的表示推荐该产品,但也可以……

🧪 对您的项目进行可访问性测试。

GitHub 标志 pa11y / pa11y

Pa11y 是你的自动化无障碍测试伙伴

Pa11y

Pa11y 是您的自动化无障碍测试好帮手。它可以通过命令行或 Node.js 对您的页面运行无障碍测试,从而实现测试流程的自动化。

NPM 版本 Node.js 版本支持 构建状态 仅采用 LGPL-3.0 许可

在命令行中:

pa11y https://example.com
Enter fullscreen mode Exit fullscreen mode

在 JavaScript 中:

const pa11y = require('pa11y');
pa11y('https://example.com').then((results) => {
    // Use the results
});
Enter fullscreen mode Exit fullscreen mode

要求

Pa11y 8 需要Node.js 18 或 20。旧版本的 Node.js 可以与Pa11y 6 或更低版本一起使用

Linux 和 macOS

您可以使用nvm安装Node.js。例如,可以使用 Homebrew 安装 nvm 然后安装最新版本的 Node:nvm

brew install nvm
nvm install node
nvm install-latest-npm
Enter fullscreen mode Exit fullscreen mode

或者,您可以从Node.js网站下载适用于您操作系统的预构建软件包。

视窗

在 Windows 10 系统上,从Node.js官网下载预编译好的软件包。Pa11y 即可使用……


📝 为您的 Github 仓库生成 README 文件。

GitHub 标志 kefranabg / readme-md-generator

📄 生成美观的 README.md 文件的命令行界面

欢迎使用 readme-md-generator 👋

下载 许可证:MIT gitmoji-changelog 推特:FranckAbgrall

能够生成美观的 README.md 文件的命令行界面。
readme-md-generator它会读取您的配置信息,并给出默认package.json答案git

✨ 演示

readme-md-generator能够读取您的环境(package.json、git 配置等),以便在README.md创建过程中为您提供默认答案:

演示

已生成README.md

命令行输出

package.json包含良好元数据的示例:

// The package.json is not required to run README-MD-GENERATOR
{
  "name": "readme-md-generator",
  "version": "0.1.3",
  "description": "CLI that generates beautiful README.md files.",
  "author": "Franck Abgrall",
  "license": "MIT",
  "homepage": "https://github.com/kefranabg/readme-md-generator#readme",
  "repository": {
    "type": "git",
    "url": "git+https://github.com/kefranabg/readme-md-generator.git"
  },
  "bugs": {
    "url": "https://github.com/kefranabg/readme-md-generator/issues"
  },
  "engines": {
    "npm": ">=5.5.0",
    "node": ">=9.3.0"
  }
}
Enter fullscreen mode Exit fullscreen mode

🚀 用法

制作…





🔐 保护 Git 中的主分支免受意外删除或恶意代码的侵害。

GitHub 标志 dwyl /保护主分支

🔐 保护您的主分支免遭意外删除或恶意代码推送(强制推送)

保护主分支

GitHub 工作流状态 codecov.io 点击次数

为什么?

如果你所在的公司/组织有很多合作者,而且他们都能write访问你的代码库,那么保护你的分支免遭意外覆盖或删除就显得非常重要。main

什么?

如果您的组织中有人能够销毁git push main --force存储库中的所有历史记录,那么有人可能会意外恶意地烧毁您的房子!


注意:我们并没有创作这个梗图,用力推main/master是众所周知的具有破坏性且可能造成灾难性后果的行为。

WHO?

这与拥有几个 GitHub 代码库并希望保护它们免受意外(或恶意)破坏的个人/组织有关

如何

要求

  • Elixirv1.5(或更高版本)
  • GitHub API 令牌
  • 5分钟

GitHub API 令牌

您需要一个具有对所有要保护的代码库管理员权限的个人访问令牌。要生成令牌,请按以下步骤操作……


文章来源:https://dev.to/ender_minyard/7-useful-github-repos-for-developing-your-frontend-projects-faster-49g8