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

这篇文章主要列出了曾经乃至现在都十分受 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. Redis+Mysql模式和内存+硬盘模式的异同

    http://www.open-open.com/lib/view/open1346029825942.html 学习任何新知识,都是一个循序渐进的过程,从刚开始的懵懂无知,到简单熟悉,然后突然的彻悟 ...

  2. 【t101】小明搬家

    Time Limit: 1 second Memory Limit: 128 MB [问题描述] 小明要搬家了,大家都来帮忙. 小明现在住在第N楼,总共K个人要把X个大箱子搬上N楼. 最开始X个箱子都 ...

  3. 探险 - 树型dp(背包)/多叉树转二叉树

    题目大意: 国家探险队长 Jack 意外弄到了一份秦始皇的藏宝图,于是,探险队一行人便踏上寻宝之旅,去寻找传说中的宝藏. 藏宝点分布在森林的各处,每个点有一个值,表示藏宝的价值.它们之间由一些小路相连 ...

  4. radio实现第一次点击选中第二次点击取消

    Jquery代码如下: $("#add_form .radio input").bind("click",function(){ var $radio = $( ...

  5. C++程序员经常问的11个问题

    下面的这些要点是对所有的C++程序员都适用的.我之所以说它们是最重要的,是因为这些要点中提到的是你通常在C++书中或网站上无法找到的.如:指向成员的指针,这是许多资料中都不愿提到的地方,也是经常出错的 ...

  6. JS中构造函数与原型对象的同名属性,实例会取哪一个

    构造函数与原型对象的同名属性,实例会取哪一个? 看了下面的过程,再回忆JS高程3里关于这部分的示意图.实例my在new的时候,本身就获得了a属性,所以my.a是1,倘若在new的时候如果没有赋予a属性 ...

  7. 全局获取Context的技巧(再也不要为获取Context而感到烦恼)

    1.Context概念 Context,相信不管是第一天开发Android,还是开发Android的各种老鸟,对于Context的使用一定不陌生~~你在加载资源.启动一个新的Activity.获取系统 ...

  8. 【37.68%】【hdu 5918】Sequence I

    Time Limit: 3000/1500 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others) Total Submission(s) ...

  9. Struts2——(7)拦截器组件

    AOP:面向切面编程(通过配置文件来指定作用到目标对象) OOP:面向对象编程 AOP具有很好的可插拔特性,很灵活. 可用于封装共通的业务处理,之后可以通过配置作用到Action组件上. 共通的业务处 ...

  10. TCP的三次握手和四次挥手【经典】

    参考:http://blog.csdn.net/cmm0401/article/details/77865479