专栏名称: OSC开源社区
OSChina 开源中国 官方微信账号
目录
相关文章推荐
程序员小灰  ·  如何解决AI模型的幻觉问题? ·  17 小时前  
程序猿  ·  特殊的岗位招聘 ·  2 天前  
程序员的那些事  ·  开发了世界上最流行的软件,竟然被人追杀,开源 ... ·  3 天前  
程序猿  ·  JetBrains 官宣两款重量级 IDE ... ·  1 周前  
OSC开源社区  ·  Runway ... ·  6 天前  
51好读  ›  专栏  ›  OSC开源社区

10+ 款 Web 开发常备工具

OSC开源社区  · 公众号  · 程序员  · 2016-12-02 08:19

正文


#2016年 OSC 北京源创会年终盛典#


工欲善其事,必先利其器。如今 Web 开发标准越来越高,Web 开发者也在不断寻找途径提升自己的技能。为使大家的开发工作更顺利进行,本文整理了 10+ 款比较优秀的 Web 开发工具,希望对你有帮助。


喜欢的不要忘了收藏、点赞哦,感谢大家的支持!


Bootstrap


Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS 和 HTML 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式,表单,buttons,表格,网格系统等等。



DEMO:http://getbootstrap.com/    


Atom


Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持 CSS,HTML,JavaScript 等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。



DEMO:https://atom.io/


Foundation


Foundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件,如表单、按钮、Tabs 等。



DEMO:http://foundation.zurb.com/


Fiddler


Fiddler 是一个 http 调试代理,它能够记录所有的你电脑和互联网之间的 http 通讯,Fiddler 可以也可以让你检查所有的 http 通讯,设置断点,以及 Fiddle 所有的“进出”的数据。Fiddler 要比其他的网络调试器要更加简单,因为它不仅暴露 http 通讯还提供一个用户友好的格式。



DEMO:http://www.telerik.com/fiddler


Cloud9 IDE


Cloud9 IDE 是一个基于 Node.JS 构建的 JavaScript 程序开发 Web IDE。它拥有一个非常快的文本编辑器,支持为 JS,HTML,CSS 和这几种的混合代码进行着色显示。Cloud9 IDE 还为 node.js 和 Google Chrome 集成调试器,可以在 IDE 中启动、暂停和停止。



DEMO:http://c9.io/


Notepad++


Notepad++ 是一款非常有特色的编辑器,是开源软件,可以免费使用。支持的语言: C, C++ , Java , C#, XML, HTML, PHP, Javascript!



DEMO:https://notepad-plus-plus.org/


Firebug


Firebug 是 Firefox 下的一款开发类插件,现属于 Firefox 的五星级强力推荐插件之一。它集 HTML 查看和编辑、Javascript 控制台、网络状况监视器于一体,是开发 JavaScript、CSS、HTML 和 Ajax 的得力助手。Firebug 如同一把精巧的瑞士军刀,从各个不同的角度剖析Web页面内部的细节层面,给 Web 开发者带来很大的便利。



DEMO:https://addons.mozilla.org/en-US/firefox/addon/firebug/


Visual Studio Code


Visual Studio Code 是一个运行于 OS X,Windows 和 Linux 之上的,针对于编写现代 web 和云应用的跨平台编辑器。



DEMO:https://code.visualstudio.com/


GIMP


GIMP 是 GNU 图像处理程序(GNU Image Manipulation Program)的缩写。包括几乎所有图象处理所需的功能,号称 Linux 下的 PhotoShop。GIMP 在 Linux 系统推出时就风靡了绘图爱好者圈。



DEMO:https://www.gimp.org/


Webbo


Webbo 是一个免费、开源的轻量级的 Web 开发工具,支持 Windows 系统。主要特性包括:灵活编辑、支持多种 Web 编程语言和服务器端技术、即时的页面和服务器预览等。



DEMO:http://webbo.sourceforge.net/



SecureHeaders


SecureHeaders 是 Twitter 送给 Web 开发者的一份大礼,作为一款 Web 安全开发工具,Secureheaders 能够自动实施安全相关的 header 规则,包括内容安全政策(CSP),防止 XSS、HSTS 等攻击,防止火绵羊(Firesheep)攻击以及 XFO 点击劫持等。


JSBin


JSBin 是一个 Web 应用,主要用于帮助测试 JavaScript 和 CSS 的代码片段。功能与 jsFiddle 网站一致。



DEMO:http://jsbin.com/


Fontello


Fontello 是个图标字体生成器。这个工具允许用户把这些图标 web 字体放到自己的项目中。主要特性如下:

1、缩小字形集合,减小字体大小

2、合并一些字体标记到单个文件中

3、访问大量专业级的开源图标



DEMO:http://fontello.com/


XDebug


xdebug 是一个开源的 php 调试器,以 php 模块的形式加载并被使用。



DEMO:http://www.xdebug.org/




推荐阅读

给前端开发者的 20 款实用文档和指南

2016 微软最新开源软件推荐

那些适合日常使用的开源工具和应用(设计篇)

10 个习惯助你成为一名优秀的程序员

Ubuntu 16.10 安装之后必须做的16件事

点击“阅读原文”查看更多精彩内容