摘要: 一个都不知道的算我输!

这篇文章主要列出了曾经乃至现在都十分受 Web 开发者欢迎的开源工具,相信使用开源工具的 Web 开发者会对它们感兴趣的,它们中有的甚至诞生十多年了,但仍然在发光发热。

1. Node.js

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。它是一个用于构建服务器端 Web 应用的开源跨平台运行时环境。Node.js 使用高效、轻量级的事件驱动、非阻塞 I/O 模型,这使得它更快且更有效率。Node.js 的作者是 Ryan Dahl,它发布于 2009 年 5 月 27 日。

2. AngularJS

AngularJS 是动态 Web 应用的 JavaScript 框架。最适合用于单页 Web 应用。AngularJS 支持使用 HTML 属性的过滤器和数据绑定,还支持表单验证和 DOM 处理。最初由谷歌创建,并使用 MIT 许可证进行开源,由 Brat Tech LLC, 谷歌和社区开发者共同开发,于 2009 年发布。

3. Brackets

Brackets 是最受欢迎的 HTML, CSS 和 JavaScript 开源代码编辑器。它由 Adobe 开发,使用了 HTML, CSS 和 JavaScript 语言。因为 Brackets 支持实时预览,所以它使得开发效率更高。它于 2014 年 11 月 4 日发布 1.0 正式版

4. Bootstrap

Bootstrap 是一个免费和开源的工具,是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS/HTML 框架。因支持快速开发响应式的设计而闻名。它有一套自己的类、网格、按钮、表单、导航、容器、媒体查询和 JavaScript 扩展。在 GitHub 上,它拥有超过 91,000 个 star,以及超过 38,000 的 fork。

5. LESS

LESS 是一个 CSS 预处理器,因此它具有与 CSS 相关的语法。LESS 支持大量可加快网站开发速度的功能。LESS 赋予了 CSS 动态语言的特性,如变量、函数、继承、运算和其他许多技术,这使得 CSS 更易于维护和可扩展。Less 可以运行在 Node 或浏览器端,它由 Alexis Sellier 开发。

6. Atom

Atom 是最受欢迎的文本编辑器之一。Atom 开发者称之为二十一世纪的“可魔改”(hackable)文本编辑器。Atom 是开源的,支持跨平台。在内置的包管理器,支持 AngularJS、智能自动完成、Atom TypeScript、Jshint 以及 turbo-JavaScript 这些功能的辅助下,Atom 对于快速的 Web 开发有很大的帮助。Atom 还具有简洁和直观的图形用户界面,并有很多有趣的特点:支持 CSS,HTML,JavaScript 等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。

7. Notepad++

Notepad++ 是 Windows 平台上的开源文本和代码编辑器。它为 40 多种编程、脚本和标记语言提供语法高亮、编辑和代码折叠功能。Notepad++ 拥有很好的社区和插件支持,还支持宏的录制和回放、书签和 PCRE(perl 兼容的正则表达式库)搜索和替换。

8. XAMPP

XAMPP 是一个开源的跨平台工具,是 Web 开发者中最早也是最好的工具之一。XAMPP 的完整形式是 ——  Apache, MariaDB, PHP 和 Perl,X 代表跨平台。之前,它使用的是 MySQL 而不是 MariaDB。XAMPP 是这些库的完整包,有了它,开发人员不必担心安装和配置 PHP, MariaDB 和 Apache 了。它也是设置本地网页服务器的最简易方法。

9. Firebug

Firebug 是 Web 开发者使用的最著名的网页开发工具之一,它是火狐浏览器的扩展,可以实时地在网站页面平滑地编辑、调试和监控 CSS、HTML 和 JavaScript 代码。Firebug 是一个自由和开源项目,由 Joe Hewitt 在 2006 年开发。

10. Ember.js

Ember.js 是一个开源的 JavaScript 框架。由 Yehuda Katz 开发并于 2011 年 12 月发布,它基于模型-视图-控制器模式,也是开发单页面 Web 应用的开发者最喜欢的 JavaScript 框架之一。

到这里回顾结束了,让我们向这些项目以及它们的作者和维护人员致敬吧,是他们改变了我们的开发体验,大大提升了生产力。相信大家都会自己心中最喜欢的工具,如果本文没有列举出来,欢迎大家在评论区留下自己心目中最喜欢、最有价值的工具~~

https://my.oschina.net/editorial-story/blog/1504771

十个 Web 开发者熟悉的经典开源项目和工具的更多相关文章

  1. Android开发周报:Flyme OS开源、经典开源项目解析

    Android开发周报:Flyme OS开源.经典开源项目解析 新闻 <魅族Flyme OS源码上线Github> :近日魅族正式发布了MX5,并且在发布会上,魅族还宣布Flyme OS开 ...

  2. 【前端】Vue.js经典开源项目汇总

    Vue.js经典开源项目汇总 原文链接:http://www.cnblogs.com/huyong/p/6517949.html Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) ...

  3. Vue.js经典开源项目汇总

    Vue.js经典开源项目汇总 原文链接:http://www.cnblogs.com/huyong/p/6517949.html Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) ...

  4. Vue.js经典开源项目汇总-前端参考资源

    Vue.js经典开源项目汇总 原文链接:http://www.cnblogs.com/huyong/p/6517949.html Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) ...

  5. GitHub上非常受开发者欢迎的iOS开源项目(二)

    "每一次的改变总意味着新的开始."这句话用在iOS上可谓是再合适不过的了.GitHub上的iOS开源项目数不胜数,iOS每一次的改变,总会引发iOS开源项目的演变,从iOS 1.x ...

  6. Vue常用经典开源项目汇总参考-海量

    Vue常用经典开源项目汇总参考-海量 Vue是什么? Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的 ...

  7. 字节跳动Web Infra发起 Modern.js 开源项目,打造现代 Web 工程体系

    10 月 27 日举办的稀土开发者大会上,字节跳动 Web Infra 正式发起 Modern.js 开源项目,希望推动现代 Web 开发范式的普及,发展完整的现代 Web 工程体系,突破应用开发效率 ...

  8. Vue经典开源项目

    Vue常用的开源项目和插件库 UI组件 element ★34,784 - 饿了么出品的基于Vue2的web UI工具套件storybook ★33,503 - 响应式UI 开发及测试环境Vux ★1 ...

  9. 【云计算】docker相关开源项目、工具

    十大基于Docker的开发工具 作者                     郭蕾        发布于     2014年8月19日     |              注意:QCon全球软件开发 ...

随机推荐

  1. 百度消息推送SDK探究(并附上最简推送Demo)

    上一篇<百度消息推送REST API探究>中了解了如何使用REST API推送消息,这一篇我们来看一下百度消息推送为我们提供的SDK. 帮助文档:http://developer.baid ...

  2. 浅谈 Redis 与 MySQL 的耦合性以及利用管道完成 MySQL 到 Redis 的高效迁移

    http://blog.csdn.net/dba_waterbin/article/details/8996872 ㈠ Redis 与 MySQL 的耦合性            在业务架构早期.我们 ...

  3. AppStoreID--安装URL--应用更新URL--应用评分URL

    #define AppStoreID @"987353224" //应用安装URL #define AppStoreInstallURLFormat @"https:// ...

  4. 【50.49%】【codeforces 731B】Coupons and Discounts

    time limit per test1 second memory limit per test256 megabytes inputstandard input outputstandard ou ...

  5. 度小于所述过程:KanboxEnt.exe

    在防火墙管理.见未知的过程"KanboxEnt.exe" 程序信息: 版权声明:本文博主原创文章.博客,未经同意不得转载.

  6. textarea随内容自动增加高度

    var autoTextarea = function (elem, extra, maxHeight) { extra = extra || 0; var isFirefox = !!documen ...

  7. BCGControlBar介绍

    第一次翻译有诸多不正确的地方,还忘各位指正,谢谢! 英文原文:http://www.bcgsoft.com/bcgcontrolbarpro.htm BCGControlBar是MFC的一个扩展库其英 ...

  8. Adaptive device-initiated polling

    A method includes periodically sending a polling call to an enterprise system outside the firewall a ...

  9. Qt - QDialog,QWidget实现模态及非模态(模态Widget不能有父窗口,如果设置无边框就不能阻塞父窗口,但是可以强行设置指定Qt::Dialog,还可以setAttribute(Qt::WA_ShowModal),很多讲究)good

    在Qt中QDialog为“窗口”,而QWidget为“部件”,首先还是了解下<Qt 窗口与部件的概念>. 对于 QDialog 的模态及非模态是直接可以实现的,很多课本中都会提到,此处总结 ...

  10. A熟知SP.NET---WebForms UnobtrusiveValidationMode 必须“jquery”ScriptResourceMapping。

    我相信,有过ASP.NET人们学习经验RequiredFieldValidator控制(验证非空控制)一定不会陌生,禁止控制输入定义的内容的作用(该属性InitialValue的值.属性默认值为空字符 ...