用于更快,更好的Web开发的工具

时间:2009-01-05 00:05:06

标签: html

多年来,大多数Web开发人员都会建立一个工具库或“交易工具”。最近我发现了rsync,这让我感到很惊讶,这些年来我没有这样做。您认为哪些工具最引人注目?请坚持你经常使用的那些并发誓。它们也可以是框架,平台,编辑器以及您认为Web开发人员应该使用的任何其他内容(jquery,joomla,xdebug,vi,notepad ++等)。

我将从一对夫妇开始:

  1. rsync - “一键”同步到实时服务器,反之亦然
  2. mysqldump - 与rsync一起用于同步数据库
  3. test styles bookmarklet - 现场css编辑器书签,击败了'编辑>保存>通过允许实时编辑来重新加载'周期。
  4. javascript shell - 附加到窗口的javascript shell窗口
  5. firebug - 高级javascript / css / dom调试程序
  6. php-shell - 我经常使用它来快速测试语句,函数,类或脚本
  7. CSS-Discuss Wiki - 如果您在此维基上找不到解决CSS问题的解决方案,我会感到惊讶(在这种情况下您应该添加它)
  8. Font Matrix - 帮助我选择字体堆栈
  9. PHPMyAdmin - 我确定每个人都使用它来管理他们的MySQL数据库,但我认为我会把它添加到列表中以获得良好的衡量标准
  10. 即使我在LAMP环境中突出显示了工具,您也可以提及您在环境中使用的工具。

34 个答案:

答案 0 :(得分:33)

LAMP堆栈开发

(我专注于LAMP,因为这是我用于网站开发的内容)

答案 1 :(得分:13)

用于开发的Firefox插件

ColorZilla

事实证明这对我非常有用。你可以在任何网页上点滴任何颜色(我在这里使用我的原生拼写),如果你倾向于你也可以在Chrome上使用!

Web Developer Toolbar

统治者非常有用!更不用说其他一切了:))

答案 2 :(得分:11)

VirtualBox使开发变得非常简单,因为您可以将虚拟机作为“服务器”并从主操作系统中浏览页面。如果您要定位的操作系统不是您正在开发的操作系统,则尤其如此。

答案 3 :(得分:7)

这些是我的一些基本要点:

OS X:

视窗:

  • 文字和CSS编辑器:Aptana

跨平台:

另外,这是我做了一段时间的写作:Essentials of a web-developer's toolbox

答案 4 :(得分:7)

答案 5 :(得分:7)

现金(支付给别人做的)。

修改:问题清楚地说明了:

  

请坚持使用的   定期和发誓。他们能   也是框架,平台,编辑   和其他你认为网络   开发者应该使用

将部分或全部Web开发外包是非常合理的。

答案 6 :(得分:6)

如果你发现rsync很有帮助,我相信你会发现unison更加如此!

答案 7 :(得分:5)

优秀的Galperin名单中只增加/替换了一些:

答案 8 :(得分:4)

Johnny Cache - 防止某些网址在Firefox中缓存(否则Firefox会偶尔缓存CSS和javascript)

答案 9 :(得分:4)

我的清单

  • IDE:Visual Studio / Netbeans(zip文件!,几乎可移植)

  • 编辑:带有monaco字体的记事本++(便携式)

  • 文件比较:winmerge(便携式)

  • 源代码控制:颠覆,乌龟

  • 票务控制:redmine

  • 文件管理员:免费指挥官(便携式)

  • 网络浏览器:IE,FF(便携式),铬(便携式),铁(没有谷歌垃圾,也可携带),qtweb,arora,

  • FF插件:firebug,web开发人员,xmarks

  • Imclient:pidgin

  • 邮件客户端:gmail

  • 下载经理:免费下载管理员(便携式)

  • 网站:STACKOVERFLOW !!!,gotapi ......和谷歌一直......

  • Miscelaneous:launchy(不能没有它!)

  • 虚拟化:虚拟框(我有每个环境的机器映像)

  • 办公室:openoffice(便携式)

  • 灯堆:xammp(便携式!)

  • 磁盘使用情况:windirstat(便携式),扫描仪(便携式)

  • Pdf查看器:foxit(便携式),sumatrapdf(便携式)

  • 解压缩机:7-zip便携式

  • M $ sql比较工具:sql delta

  • M $ sql管理:visual studio sql manager

  • MySQL的

  • MySql管理:phpmyadmin,经理提供mysql

  • 卸载程序实用程序:revo unistaller(便携式)

  • 注册表清洁工:ccleaner(便携式)

  • FTP:filezilla(便携式)

您可能已经注意到,我对便携式应用程序有一种特殊的偏好......

答案 10 :(得分:3)

如果你想使用VIM的任何变体作为你选择的编辑器,那么一个极好的加法就是CSS color preview,它“用它们的真实颜色来代替十六进制CSS颜色代码。”

答案 11 :(得分:3)

<强>的jQuery

我最近开始使用它,它所以易于使用!一切都变得容易编码!至少!

我不能强调这一点。像这样的多功能图书馆不应该被遗漏,即使像我这样的人一般都不喜欢使用其他人的代码。

答案 12 :(得分:3)

别介意我,我只是在这里宣传我最喜欢的编辑器/正则表达式调试器/ grepper套件。 : - )

  • EditPad Pro(IMO,最好的文本编辑器)
  • RegexBuddy(我找到的唯一真正的正则表达式调试器
  • PowerGREP(再也不使用Windows搜索)

它们都不是免费的,但它们获得了明智的许可,并且所有这些都支持便携式安装(适用于钥匙串上的USB驱动器)。最重要的是,the author是SO用户。

答案 13 :(得分:2)

除了这里提到的其他工具之外,我经常在找到合适的调试代理方面找到很大帮助 - Fiddler(免费,仅限Windows)和Charles(商业,跨平台)都很棒。< / p>

做前端开发,花了很多时间搞清楚为什么IE行为不端(尤其是IE6)。一些很好的工具是:

  • Internet Explorer Developer Toolbar
  • Companion.JS - 这是Microsoft Script Debugger的配套应用程序,可以在IE中为您提供实际有用的Javascript错误消息。
  • XRay - 这是一个用于检查HTML布局的书签。这可能看起来微不足道,但对于在IE6中调试布局非常有帮助

答案 14 :(得分:2)

CakePHP - 用于php的MVC框架

CakePHP是PHP的快速开发框架,它为开发,维护和部署应用程序提供了可扩展的体系结构。 CakePHP在约定范围内使用公知的设计模式(如MVC和ORM)而非配置范例,可降低开发成本并帮助开发人员编写更少的代码。

完成了许多与CRUD相关的工作,还有许多其他功能可以减少我们必须完成的工作。

http://cakephp.org/

答案 15 :(得分:2)

我最近发现XRefresh会在您保存更改后自动重新加载本地文件(file:// URL)。当您处于项目的初始阶段并经常更新本地项目目录中的静态HTML,CSS和JavaScript文件时,这绝对是非常棒的。

答案 16 :(得分:2)

像lynx,wget和curl这样的命令行http客户端非常有用,至少如果您的开发风格面向命令行和文本工具。我很惊讶他们还没有被提及。

  • 例如,要将POST数据提供给网址并打印出响应标头和html输出:echo 'foo=1&bar=2' | lynx -post\_data -mime\_header http://localhost/my/app
  • 快速执行(uparrow,return)一旦进入shell历史记录,与切换到浏览器相比,破坏流量或分散注意力的风险更小。
  • 可编写脚本,可修改,可重复。您可以在其前面加上一个脚本以将数据库置于已知的起始状态,您可以为您感兴趣的特定事件grep响应头或html输出,并使用命令行数据库查询跟踪它以查明是否完成国家是必要的。

答案 17 :(得分:2)

答案 18 :(得分:2)

如果您是Windows开发人员,必须查看这些工具:

答案 19 :(得分:2)

  • IDE:PHPStorm,PyCharm(重构!!!)
  • VIRT:win32上的colinux
  • GIT + sh
  • KiTTY + WinSCP

  • webinspector

  • firebug + addys
  • xpathbuddy(tbr)
  • rhino(CLI)
  • envjs
  • phpsh
  • xdebug + kcachegrind

  • ZF

  • 的jQuery
  • 关闭工具

答案 20 :(得分:2)

E-Text Editor,以“Windows上TextMate的力量”出售。我发现它非常适合HTML和CSS编码。它非常轻巧,包括一些可以提高生产率的强大功能。我经常使用的其他工具包括:

答案 21 :(得分:1)

RXP

答案 22 :(得分:1)

的Fiddler

ViewState Helper

TopStyle Lite

IE Developer Toolbar

萤火

答案 23 :(得分:1)

NetBeans或者如果你是控制台人员,emacs

答案 24 :(得分:1)

我主要使用谷歌:-)

说实话,一个好的火狐插件TamperData - 让您能够更改每个请求的标题和数据。
Paint.NET图像编辑器每天帮助我我建议你根据自己的基本图像编辑需求。

答案 25 :(得分:1)

作为一个不得不为我的一个客户编程蛋糕php应用程序的Windows人员,SFTPDrive对我非常有帮助。我的VM是Centos Linux发行版,我在Windows环境中大部分工作(当然有一些例外)。

答案 26 :(得分:1)

我发现一些Firefox插件非常有用:

答案 27 :(得分:1)

开发不仅仅是编码。有需求捕获,分析,设计,QA。以下是对不同phases of software development的介绍。几年前我在Top OSS for Coders发表了这篇文章,但它仍然与我有关。此列表包括OSS工具,这些工具在软件开发的所有不同阶段对我非常有帮助,而不仅仅是编码阶段。

答案 28 :(得分:0)

我想添加VMWare Workstation我用于虚拟开发环境的内容。我还没有尝试过新的eclipse vm调试插件,btw;)

答案 29 :(得分:0)

Firebug - 用于claryfying正在使用的css以及它来自哪种样式表的绝佳工具 Crimson Editor - 具有出色语法突出显示的小编辑 JQuery - 足够说了 DNS专家 - 即时检查与DNS相关的任何内容

答案 30 :(得分:0)

我最近开始使用 HttpWatch 并发现它很棒。它允许您检查Web应用程序的所有HTTP流量。您的AJAX响应的大小是多少?浏览器是否从缓存中加载了gif?您的网页是否提出了您不了解的任何请求?这些只是HttpWatch可以帮助您回答的一些问题。

答案 31 :(得分:0)

协同作用的一个窗口框。首先在IE中构建,然后然后调整Firefox / Safari,使我的IE支持达到标准。

答案 32 :(得分:0)

我使用MyWebSQL来管理MySQL。 phpMyAdmin太遗产了。

答案 33 :(得分:-1)

对于网站,使用Ruby on rails。 它为您生成表单,按钮,列表框。 它生成数据验证以确保用户输入正确。