工具,更快,更好的网站开发
多年来,大多数Web开发人员将build立一套工具或“交易工具”。 最近我发现了rsync,我很惊讶,这些年来我怎样才能生活下去。 你认为哪些工具最引人注目? 请坚持定期使用,并发誓。 他们也可以是框架,平台,编辑器以及任何你认为web开发者应该使用的东西(jQuery,joomla,xdebug,vi,notepad ++等等)。
我将从一对夫妇开始:
- rsync – “一次点击”同步到活服务器,反之亦然
- mysqldump – 与rsync一起使用来同步数据库
- testing样式bookmarklet – 活的css编辑器书签,通过允许实时编辑跳过“编辑>保存>重新加载”循环。
- javascript shell – 附加到窗口的javascript shell窗口
- 萤火虫 – 先进的JavaScript / CSS / DOMdebugging器
- php-shell – 我经常使用它来快速testing语句,函数,类或脚本
- CSS – 讨论维基 – 如果你在这个wiki上找不到你的CSS问题的解决scheme,我会感到惊讶(在这种情况下,你应该添加它)
- 字体matrix – 帮助我select字体堆栈
- 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了我们必须做的工作。
除了这里提到的其他工具之外,我经常在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可以帮助你回答的一些问题。