分享一些值得前端开发者收藏的 GitHub 库-git-PHP中文网

首页

开发工具

git

分享一些值得前端开发者收藏的 GitHub 库

青灯夜游

Jun 18, 2020 pm 05:51 PM

github

分享一些值得前端开发者收藏的 GitHub 库

手头有大量的资源，总是一件很棒的事。

作为一个码农，我们需要专注于功能和最佳实践，而不是一遍遍地编写样板代码。消除无用功，投入时间学习使用正确的工具或者懂得使用有用的资源可以极大的帮助我们节省时间。

通过本篇文章，我们将会了解一些能够极大的帮助我们提升 WEB 开发技能的 GitHub 库，这些库也会帮助你编写更好的代码。

Node.js Best Practices

这个库是一个很棒的地方，可以让你随时了解 Node 世界，并在使用时了解最佳实践。拥有 40k Star 和 133 位贡献者，这个库几乎每天都有更新。

该库对排名较高 Node.js 的最佳实践进行了总结和整理，包括 Node.js + Docker 最佳实践。目前拥有超过80多种最佳实践，风格指南和结构建议等。

一些常见的最佳做法包括：

更好地组织项目
错误处理实践
代码风格实践
测试和整体质量实践
进行生产实践等等

点击跳转到仓库

HTML5 Boilerplate

HTML5 Boilerplate 是一个专业的前端模板，用于构建快速、健壮和适应性强的 Web 应用程序或者网站。

该项目是多年迭代开发和社区知识的产物。它没有强加特定的开发理念或者框架，所以你可按照自己的方式自由地构建代码。

包括像如下的预定义功能：

Normalize.css
jQuery with CDN
Apache Server Configs
有用的 CSS 助手类
默认样式，性能优化等

根据你想要用的内容以及使用方法，将所需文件复制粘贴到你的工程目录里即可。这样就为你提供了一个配置好的模板，从而加快了开发速度。

点击跳转到仓库

RealWorld

掌握一个新框架的核心概念和意识形态并不是一件令人沮丧的事情。

如果你没有正确理解这个概念的话，你需要阅读文档，运行示例代码，拆解示例应用程序并将其重新组合在一起，在本地安装 CLI 等等，它需要花费太多的经历，令人沮丧。

RealWorld 允许你选择任何前端（React,Angular2 等）和任何后端（Node , Django 等），并将它们集成在一起以查看应用程序的真实示例。

由于这些实现和技术栈相关，它们显然不能混用，但它们仍然遵循相同的功能和UX规范。

一些常用集成实例：

Angular + ngrx + nx
ClojureScript + re-frame
React / MobX
Go + Gin
NestJS + TypeORM/Prisma

你可以在仓库中找到无穷无尽的示例。尽情去寻找吧！

点击跳转到仓库

You Don't Know JS Yet

这是一系列深入研究 JavaScript 语言核心机制的书籍。

所有的书籍均为免费，你可以随时在线阅读。

作者建议阅读的顺序为：

Get Started
Scope & Closures
Objects & Classes (还未开始)
Types & Grammar (还未开始)
Sync & Async (还未开始)
ES.Next & Beyond (还未开始)

点击跳转到仓库

Airbnb JavaScript Guide

这是 Airbnb 提供的非常精确和专业的风格指南。

本指南将通过深入基础知识和代码片段来帮助你由深入浅地理解 JavaScript。

本指南涉及的一些热门内容如下：

箭头函数
变量提升
解构
注释
性能
测试

点击跳转到仓库

Storybook

Storybook 是 UI 组件的开发环境，它允许你浏览组件库，查看每个组件的不同状态，以及交互地开发和测试组件。

Storybook 在 app 之外运行，这允许你独立开发 UI 组件，提高组件的重用性、测试性和开发速度。你可以快速构建，而不必担心应用程序特定的依赖关系。

它附带了一个 CLI 和一些代码示例，供你熟悉 Storybook.

点击跳转到仓库

Front-End-Checklist

Front-End-Checklist 是一个详尽的列表，列出了在网站或者 HTML 页面投入使用前所需要具备或者测试的所有元素。

它是一个基于前端 Web 开发的仓库，更关注性能、安全性和 SEO 等。

Front-End-Checklist 中的所有项目对于大多数工程都是必须的，但其中有些元素可以省略。

包括：

文档或者文章
在线工具/测试工具
媒体或者视频内容

点击跳转到仓库

灵感和资源

这篇文章的令该来源于 Tech Sapien 和他所有令人惊叹的工作。库中的图片?? 也是取自同一处。

总结

上面提到的所有的库并不是唯一可用的资源，除此之外我敢肯定还有大量的令人惊叹的项目。这些是其中一些我觉得很有用的资源，同时我自己也经常沉浸其中。

不要忘了给这些库点 Star。以感谢所有出色的贡献者，感谢他们为我们创造了如此有用的资源

英文原文地址：https://dev.to/sayanide/best-github-repos-for-web-developers-9id

如果有翻译的不对的地方，请多多指正，希望有所帮助。

教程推荐：《Git教程》

以上是分享一些值得前端开发者收藏的 GitHub 库的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文转载于：segmentfault。如有侵权，请联系admin@php.cn删除

git和github：开发人员的基本工具Apr 19, 2025 am 12:17 AM

Git和GitHub是现代开发者的必备工具。1.使用Git进行版本控制：创建分支进行并行开发，合并分支，回滚错误。2.利用GitHub进行团队协作：通过PullRequest进行代码审查，解决合并冲突。3.实用技巧和最佳实践：定期提交，清晰的提交消息，使用.gitignore，定期备份代码库。

git和github：他们的关系解释了Apr 18, 2025 am 12:03 AM

Git和GitHub不是同一个东西：Git是一个分布式版本控制系统，而GitHub是一个基于Git的在线平台。Git帮助开发者管理代码版本，通过分支、合并等功能实现协作；GitHub则提供代码托管、审查、问题管理和社交互动功能，增强了Git的协作能力。

Git下载后需要设置什么吗Apr 17, 2025 pm 04:57 PM

安装 Git 后，为了更有效地使用，需要进行以下设置：设置用户信息（姓名和邮箱）选择文本编辑器设置外部合并工具生成 SSH 秘钥设置忽略文件模式

git下载不动怎么办Apr 17, 2025 pm 04:54 PM

解决 Git 下载速度慢时可采取以下步骤：检查网络连接，尝试切换连接方式。优化 Git 配置：增加 POST 缓冲区大小（git config --global http.postBuffer 524288000）、降低低速限制（git config --global http.lowSpeedLimit 1000）。使用 Git 代理（如 git-proxy 或 git-lfs-proxy）。尝试使用不同的 Git 客户端（如 Sourcetree 或 Github Desktop）。检查防火

git为什么下载这么慢Apr 17, 2025 pm 04:51 PM

Git 下载慢的原因包括网络连接差、Git 服务器问题、大文件或大量提交、Git 配置问题、计算机资源不足以及其他因素，如恶意软件。解决方法包括改善网络连接、调整防火墙设置、避免下载不必要的文件或提交、优化 Git 配置、提供充足的计算机资源以及扫描并删除恶意软件。

git怎么更新本地代码Apr 17, 2025 pm 04:48 PM

如何更新本地 Git 代码？用 git fetch 从远程仓库拉取最新更改。用 git merge origin/<远程分支名称> 将远程变更合并到本地分支。解决因合并产生的冲突。用 git commit -m "Merge branch <远程分支名称>" 提交合并更改，应用更新。

git怎么更新代码Apr 17, 2025 pm 04:45 PM

更新 git 代码的步骤：检出代码：git clone https://github.com/username/repo.git获取最新更改：git fetch合并更改：git merge origin/master推送更改（可选）：git push origin master

git怎么删除分支Apr 17, 2025 pm 04:42 PM

可以通过以下步骤删除 Git 分支：1. 删除本地分支：使用 git branch -d <branch-name> 命令；2. 删除远程分支：使用 git push <remote-name> --delete <branch-name> 命令；3. 保护分支：使用 git config branch. <branch-name>.protected true 添加保护分支设置。

See all articles