工具,更快,更好的网站开发

多年来,大多数Web开发人员将build立一套工具或“交易工具”。 最近我发现了rsync,我很惊讶,这些年来我怎样才能生活下去。 你认为哪些工具最引人注目? 请坚持定期使用,并发誓。 他们也可以是框架,平台,编辑器以及任何你认为web开发者应该使用的东西(jQuery,joomla,xdebug,vi,notepad ++等等)。

我将从一对夫妇开始:

  1. rsync – “一次点击”同步到活服务器,反之亦然
  2. mysqldump – 与rsync一起使用来同步数据库
  3. testing样式bookmarklet – 活的css编辑器书签,通过允许实时编辑跳过“编辑>保存>重新加载”循环。
  4. javascript shell – 附加到窗口的javascript shell窗口
  5. 萤火虫 – 先进的JavaScript / CSS / DOMdebugging器
  6. php-shell – 我经常使用它来快速testing语句,函数,类或脚本
  7. CSS – 讨论维基 – 如果你在这个wiki上找不到你的CSS问题的解决scheme,我会感到惊讶(在这种情况下,你应该添加它)
  8. 字体matrix – 帮助我select字体堆栈
  9. PHPMyAdmin – 我敢肯定,每个人都使用这个来pipe理他们的MySQL数据库,但认为我会把它添加到列表中的好措施

即使我在LAMP环境中突出显示了工具,也可以提到您在环境中使用的工具。

LAMP堆栈开发

  • IDE: Zend Studio / PDT for Eclipse
  • PHP框架: Zend Framework
  • Javascript库: jQuery
  • 源代码版本控制:与乌龟客户端的SubVersion
  • HTML过滤库: HTML净化器
  • image processing库: php图像
  • 操作码caching: APC
  • Javascript / CSS部署: Minify
  • 标记/ JavaScript检查debugging: Firebug
  • 数据库pipe理: phpMyAdmin
  • 页面负载分析器: YSlow
  • 标记validation: HTMLvalidation器
  • Shell客户端: PuTTY
  • FTP客户端: FlashFXP
  • PHP手册
  • 经验和技能:)

(我专注于LAMP,因为这是我用于Web开发)

Firefox插件开发

ColorZilla

这已被certificate对我非常有用。 你可以在任何网页上select任何颜色(我会在这里使用我的本地拼写),如果你喜欢,也可以在Chrome上使用!

Web开发工具栏

这把尺子非常有用! 更不用说其他的一切:)

VirtualBox使开发非常容易,因为您可以让虚拟机成为“服务器”并浏览主操作系统的页面。 如果您定位的操作系统不是您正在开发的操作系统,则更是如此。

Aptana工作室

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

OS X:

  • 文本编辑器: Textmate
  • CSS编辑器: CSSEdit
  • FTP工具: 传输

视窗:

  • 文本和CSS编辑器: Aptana

跨平台:

  • 源代码pipe理: Git
  • 浏览器插件: Firebug
  • 框架: Ruby on Rails
  • Javascript库: 原型和Scriptaculous
  • 浏览多台电脑: Synergy

另外,我写了一段文字: Web开发者工具箱的要点

现金(支付别人去做)。

编辑:这个问题清楚地说:

请坚持定期使用,并发誓。 他们也可以是框架,平台,编辑器以及任何你认为web开发者应该使用的东西

外包部分或全部networking开发是非常合理的一点。

如果你发现rsync helful,我相信你会发现更一致 !

只有很less的增加/替代优秀Galperin的名单:

  • PHP IDE: VS.PHP / Textpad
  • PHP MVC框架: CodeIgniter
  • PHP的ORM框架: phpDBO
  • PHP模板框架: PHPTAL
  • FTP客户端: FireFTP
  • WAMP包: WAMP服务器

约翰尼caching – 防止cachingFirefox中的某些URL(否则Firefox偶尔会cachingCSS和JavaScript)

我的列表

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

  • 编辑:记事本++(便携式)与摩纳哥字体

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

  • 源代码pipe理:颠覆,乌龟

  • 票务控制:redmine

  • 文件pipe理器:免费指挥官(便携式)

  • Web浏览器:IE浏览器,FF(便携式),铬(便携式),铁(没有谷歌废话铬,也便携式),qtweb,arora,

  • FF插件:萤火虫,网页开发人员,xmarks

  • Imclient:pidgin

  • 邮件客户端:Gmail

  • 下载pipe理器:免费下载pipe理器(便携式)

  • 网站:STACKOVERFLOW !!!,gotapi …和谷歌,所有的时间…

  • 其他:发射(不能没有它!)

  • 虚拟化:虚拟框(我有一个机器镜像为每个环境)

  • 办公室:openoffice(便携式)

  • 灯的堆栈:xammp(便携!)

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

  • PDF查看器:福克斯(便携式),sumatrapdf(便携式)

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

  • M $ sql比较工具:sql delta

  • M $ sqlpipe理:visual studio sql manager

  • MySQL的

  • MySqlpipe理:phpmyadmin,pipe理员提供的mysql

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

  • registry清洁:ccleaner(便携式)

  • FTP:filezilla(便携式)

正如您可能已经注意到的那样,我对便携式应用程序有着特殊的偏好…

如果您喜欢使用VIM的任何变体作为您所select的编辑器,那么一个极好的附加就是CSS颜色预览 ,它将“以hexCSS颜色代替它们的真实颜色”。

jQuery的

我最近开始使用它,它使用起来非常简单! 一切都变得简单易懂了! 至less!

我不能强调这一点。 像这样一个多function的图书馆不应该错过,即使是像我这样的人,他们通常会鄙视别人的代码。

不介意我,我只是在这里传播关于我最喜欢的编辑器/正则expression式debugging器/ grepper套件。 🙂

  • EditPad Pro (国际海事组织,最好的该死的文本编辑器)
  • RegexBuddy (我发现的唯一真正的正则expression式debugging器
  • PowerGREP (再也不要使用Windowssearch)

他们都没有免费的,但他们是合法的许可,他们都支持便携式安装(适用于您的钥匙链上的USB驱动器)。 最重要的是, 作者是SO用户。

电子文本编辑器 ,以“Windows上TextMate的强大function”出售。 我觉得它非常适合HTML和CSS编码。 这是非常轻,包括一些伟大的function,肯定会提高生产力。 我经常使用的其他工具是:

  • 萤火
  • Web开发人员
  • W3Cvalidation器

CakePHP – PHP的MVC框架

CakePHP是一个快速的PHP开发框架,为开发,维护和部署应用程序提供了一个可扩展的架构。 CakePHP使用常规configuration范例中常见的devise模式(如MVC和ORM),降低开发成本,并帮助开发人员编写更less的代码。

包装了许多与CRUD有关的工作,并且还有许多其他function,减less了我们必须做的工作。

http://cakephp.org/

除了这里提到的其他工具之外,我经常在find一个合适的debugging代理 – Fiddler (免费的,只有Windows)和Charles (商业的,跨平台的)都是很棒的。

在做前端开发的过程中,我们花了很多时间来弄清IE为什么行为不当(尤其是IE6)。 一些很棒的工具是:

  • Internet Explorer开发人员工具栏
  • Companion.JS – 这是一个微软脚本debugging器的配套应用程序,它给你在IE中实际上有用的Javascript错误消息。
  • XRay – 这是一个用于检查HTML布局的小书签。 这可能看起来微不足道,但在IE6中debugging布局真的很有帮助

我最近发现了XRefresh ,只要你保存你的修改,它就会自动重新加载本地文件(file:// URLs)。 当您处于项目的初始阶段,并且经常更新本地项目目录中的静态HTML,CSS和JavaScript文件时,这非常棒。

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

  • 例如,要将POST数据提供给一个url,并输出响应头和html输出: echo 'foo=1&bar=2' | lynx -post\_data -mime\_header http://localhost/my/app echo 'foo=1&bar=2' | lynx -post\_data -mime\_header http://localhost/my/app
  • 一旦它在你的shell历史logging中,就可以快速执行(uparrow,return),与切换到浏览器相比,更less的风险或者分心。
  • 可脚本化,可修改,可重复。 您可以在脚本之前将数据库置于已知的起始状态,您可以对您感兴趣的特定事件的响应标头或html输出进行grep,然后使用命令行数据库查询来查看是否完成状态是按要求的。

IDE: Visual Studio

框架: ASP.NET MVC

客户端: jQuery和jQuery.ui

Internet Explorer开发人员工具栏

如果你是一个Windows开发者,你必须看看这些工具:

  • FreeCommander (类固醇目录浏览器)
  • Agent Ransack (search变得容易)
  • 科莫多 & 记事本++ (一个成功的组合)
  • 谷歌浏览器(带扩展):
    • 分辨率testing仪
    • 从网页select颜色
    • SEO
    • 截图
  • IDE:PHPStorm,PyCharm(重构!!!)
  • VIRT:win32上的colinux
  • GIT + sh
  • KiTTY + WinSCP

  • webinspector

  • 萤火虫+ addys
  • xpathbuddy(tbr)
  • 犀牛(CLI)
  • envjs
  • phpsh
  • xdebug + kcachegrind

  • ZF

  • jQuery的
  • closures工具

还有更多的发展,而不仅仅是编码。 有需求捕获,分析,devise,质量保证。 下面介绍一下软件开发的不同阶段 。 我在几年前将这篇文章发表在“ 顶级开放源码软件”上,但它仍然对我有用 。 这个列表包括OSS工具,这些工具在软件开发的所有不同阶段都对我非常有帮助,而不仅仅是编码阶段。

作为一个Windows用户必须为我的一个客户编写一个蛋糕的PHP应用程序, SFTPDrive对我来说非常有帮助。 我的VM是一个Centos Linux distrib,我大部分都是在Windows环境下工作的(当然有一些例外)。

我主要使用Google 🙂

要认真,一个伟大的Firefox插件是TamperData – 使您能够更改每个请求的标题和数据。
Paint.NET图像编辑器可以帮助我日常工作,并且可以根据您的基本图像编辑需求进行推荐。

RXP

提琴手

ViewState助手

TopStyle Lite

IE开发工具栏

萤火

NetBeans,或者如果你是一个控制台的人,emacs

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

  • Live HTTP Headers – 检查请求/响应HTTP头非常有用。

  • MeasureIt – 测量浏览器内的东西的工具。

一个窗口框的协同作用。 首先在IE中build立, 然后调整Firefox / Safari已经带来了我的IE支持。

我最近开始使用HttpWatch ,发现它很棒。 它允许您检查您的Web应用程序的所有HTTPstream量。 你的AJAX响应的大小是多less? 浏览器是否从caching中加载gif? 你的网页是否提出你不知道的任何要求? 这些只是HttpWatch可以帮助你回答的一些问题。