文档章节

10+ 款 Web 开发常备工具

达尔文
 达尔文
发布于 2016/12/01 15:02
字数 1037
阅读 9954
收藏 338
点赞 17
评论 25

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

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

Bootstrap

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

DEMOhttp://getbootstrap.com/    

Atom

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

DEMOhttps://atom.io/

Foundation

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

DEMOhttp://foundation.zurb.com/

Fiddler

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

DEMOhttp://www.telerik.com/fiddler

Cloud9 IDE

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

DEMOhttp://c9.io/

Notepad++

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

DEMOhttps://notepad-plus-plus.org/

Firebug

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

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

Visual Studio Code

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

DEMOhttps://code.visualstudio.com/

GIMP

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

DEMOhttps://www.gimp.org/

Webbo

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

DEMOhttp://webbo.sourceforge.net/

SecureHeaders

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

JSBin

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

DEMOhttp://jsbin.com/

Fontello

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

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

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

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

DEMOhttp://fontello.com/

XDebug

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

DEMOhttp://www.xdebug.org/

© 著作权归作者所有

共有 人打赏支持
达尔文

达尔文

粉丝 396
博文 9
码字总数 33404
作品 0
深圳
运营/编辑
加载中

评论(25)

c
chanchungkwong
bluefish
孙建荣
挺好的
twisted3
twisted3

引用来自“达尔文”的评论

引用来自“twisted3”的评论

有病

内容没整理好是我的失误,但是请你尊重一下他人的劳动成果!

sorry~回复@达尔文 :
万万爸爸
万万爸爸
作者最大的错误是把编辑器列进去了,引发工具之争
rwecho007
rwecho007
好吧, 我先喷的, 我带歪了楼, 向楼主道歉

你们也不能顺着喷啊, 好歹尊重别人的劳动, 我还是在文章中看到好几个没接触过的工具.
DarkAngel
DarkAngel
为啥NP++也算作是Web开发常用工具?它只是一个普通的文本编辑器,并没有针对Web开发提供特别的支持(插件除外)
达尔文
达尔文

引用来自“twisted3”的评论

有病

内容没整理好是我的失误,但是请你尊重一下他人的劳动成果!
twisted3
twisted3
有病
x
xwlcn
都是你以为
Web 开发常备工具

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

幕三少 ⋅ 2016/12/02 ⋅ 0

[Share]2008年国外最佳Web设计/开发技巧、脚本及资源总结

今天是2008年的最后一天,彬Go为大家奉上今年的最后大餐,这篇文章将为大家总结08年国外一些比较不错的前端开发相关的教程、技巧、脚本、实 例及工具资源等,有一些是曾经彬Go发表过的翻译文...

吞吞吐吐的 ⋅ 2017/10/05 ⋅ 0

和 Firebug 说再见!Firefox 宣布 Firebug 的寿命即将终止

向这款最流行和最强大的 Web 开发工具致敬! 领导 Firebug 项目开发的 Jan Odvarko 在 Mozilla 官方博客发表文章,宣布 Firebug 的寿命即将终止,到 Firefox 57 发布时,旧版的 Firebug 将无...

周其 ⋅ 2017/10/26 ⋅ 26

Script编码工具推荐

JavaScript和Ajax(Asynchronous JavaScript and XML,异步JavaScript和XML)可以为HTML页面添加各种交互和动态效果,让你的网站更加引人注目。本文为你整理了10款Ajax和JavaScript相关的编码...

xiahuawuyu ⋅ 2012/04/15 ⋅ 0

免费的Web UI开发套件

直接拿来用:13款免费的CSS UI工具包 10个超酷炫Bootstrap HTML & CSS UI工具包 12款免费且精美的Web UI工具包(上) 12款免费且精美的Web UI工具包(下) 免费下载!22个最新的HTML&CSS3 U...

易达 ⋅ 2016/10/17 ⋅ 0

Web、移动开发资源、开源工具整理

整理了一些Web、移动开发资料,开源工具,供需要的朋友们查阅: Web移动开发各类网站学习资源: 成为优秀的Web移动开发者:编程资源大全 成为优秀的Web移动开发者:前端开发学习资源集合 成为...

咲晚杍 ⋅ 2014/03/13 ⋅ 1

PHP程序员都爱用的开发工具推荐

众所周知,软件行业是一个相对苦逼的行业,特别是遇到赶项目,很多程序猿就只有累成狗了。为了提高开发效率,让开发任务更简便、快捷,开源工具的使用是少不了的。今天小编整理了10款最受欢迎...

小懒人23 ⋅ 2016/05/19 ⋅ 0

20个最受欢迎的 AngularJS 开发工具

     AngularJS 是那些想要以动态形式开发web应用的开发者最喜欢的框架之一。如果你是一个开发者希望基于AngularJS启动一个项目,你需要筛选众多的工具。   为了减少使用AngularJS开发...

Web前端开发 ⋅ 2017/03/14 ⋅ 0

最受欢迎的十款 AngularJS 开发工具

AngularJS 是 Google 推出的一款 Web 应用开发框架。它提供了一系列兼容性良好并且可扩展的服务,包括数据绑定、DOM 操作、MVC 设计模式和模块加载等,同时也是那些想要以动态形式开发 Web ...

葡萄城控件技术团队 ⋅ 2017/01/13 ⋅ 3

一周盘点 | 跨平台移动Web开发框架DevExtreme在线演示等你来体验!

更多资源及工具也可以在【用户界面专题】找到,及时了解最新动态>> DevExpress (1)DevExpress Demo示例展示:支持响应式设计的DevExtreme Web UI开发框架 | 附在线演示 DevExtreme Web为触...

百mumu ⋅ 2016/01/18 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

mysql5.7系列修改root默认密码

操作系统为centos7 64 1、修改 /etc/my.cnf,在 [mysqld] 小节下添加一行:skip-grant-tables=1 这一行配置让 mysqld 启动时不对密码进行验证 2、重启 mysqld 服务:systemctl restart mysql...

sskill ⋅ 昨天 ⋅ 0

Intellij IDEA神器常用技巧六-Debug详解

在调试代码的时候,你的项目得debug模式启动,也就是点那个绿色的甲虫启动服务器,然后,就可以在代码里面断点调试啦。下面不要在意,这个快捷键具体是啥,因为,这个keymap是可以自己配置的...

Mkeeper ⋅ 昨天 ⋅ 0

zip压缩工具、tar打包、打包并压缩

zip 支持压缩目录 1.在/tmp/目录下创建目录(study_zip)及文件 root@yolks1 study_zip]# !treetree 11└── 2 └── 3 └── test_zip.txt2 directories, 1 file 2.yum...

蛋黄Yolks ⋅ 昨天 ⋅ 0

聊聊HystrixThreadPool

序 本文主要研究一下HystrixThreadPool HystrixThreadPool hystrix-core-1.5.12-sources.jar!/com/netflix/hystrix/HystrixThreadPool.java /** * ThreadPool used to executed {@link Hys......

go4it ⋅ 昨天 ⋅ 0

容器之上传镜像到Docker hub

Docker hub在国内可以访问,首先要创建一个账号,这个后面会用到,我是用126邮箱注册的。 1. docker login List-1 Username不能使用你注册的邮箱,要用使用注册时用的username;要输入密码 ...

汉斯-冯-拉特 ⋅ 昨天 ⋅ 0

SpringBoot简单使用ehcache

1,SpringBoot版本 2.0.3.RELEASE ①,pom.xml <parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.0.3.RELE......

暗中观察 ⋅ 昨天 ⋅ 0

监控各项服务

比如有三个服务, 为了减少故障时间,增加监控任务,使用linux的 crontab 实现. 步骤: 1,每个服务写一个ping接口 监控如下内容: 1,HouseServer 是否正常运行,所以需要增加一个ping的接口 ; http...

黄威 ⋅ 昨天 ⋅ 0

Spring源码解析(八)——实例创建(下)

前言 来到实例创建的最后一节,前面已经将一个实例通过不同方式(工厂方法、构造器注入、默认构造器)给创建出来了,下面我们要对创建出来的实例进行一些“加工”处理。 源码解读 回顾下之前...

MarvelCode ⋅ 昨天 ⋅ 0

nodejs __proto__跟prototype

前言 nodejs中完全没有class的这个概念,这点跟PHP,JAVA等面向对象的语言很不一样,没有class跟object的区分,那么nodejs是怎么样实现继承的呢? 对象 对象是由属性跟方法组成的一个东西,就...

Ai5tbb ⋅ 昨天 ⋅ 0

Ubuntu16.04 PHP7.0 不能用MYSQLi方式连接MySQL5.7数据库

Q: Ubuntu16.04 PHP7.0 不能用MYSQLi方式连接MySQL5.7数据库 A: 执行以下2条命令解决: apt-get install php-mysql service apache2 restart php -m 执行后会多以下4个模块: mysqli mysqlnd...

SamXIAO ⋅ 昨天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部