来客轩

一、下载安装MacVim

官方下载地址：http://code.google.com/p/macvim/，我下载的是MacVim-snapshot-52这个版本的。

二、配置MacVim

创建并配置配置文件，在终端命令行下操作：

cd ~/ ：到家目录。

vi .gvimrc ：配置文件，然后在里面写配置（和win下vim一样）。

三、安装插件

vim官方下载地址：http://www.vim.org/scripts/index.php

下面是我的配置vim界面，文章最后面附我的vim配置文件，有兴趣的直接可以使用。

我的插件列表（稍后更新）

我的配置文件：下载地址

我的常用mac软件推荐

浏览器

1. Chrome–浏览网页,速度很快
2. Firefox–调试网页
3. Safari–上taobao需要

编辑器

1. Macvim–Mac 上的 VIM,编辑神器
2. Komode IDE–一个开源的跨平台编辑器

办公软件

1. Apple iWork–由Apple自行研制开发的，集专业文本制作，幻灯片设计以及报表统计工具于一体的工具集合
2. Microsoft Office for Mac–微软公司开发的办公软
3. NeoOffice/OpenOffice–很多用户对 Mac 上 OOo 的表现并不满意：缺少 Mac 上一般程序应有的流畅感，和美感。于是有了 NeoOffice，一群开发者在 OOo 代码基础上不断改良 Mac 平台的体验。

IM

1. QQ for Mac

看图

1. Picasa–Google出品

媒体播放器

1. Plex–高清视频、高清音乐一网打尽,支持Apple Remote操作，用了plex,其它播放器基本不考虑了
2. MPlayerX
3. Movist
4. VLC
5. Cog–播放flac等无损音乐格式
6. TuneBar–在Finder菜单栏上就可以控制iTunes播放的工具 并且支持更多设定 让你使用iTunes更加轻松得手。
7. Bowtie精美的iTunes控制软件

系统维护

1. Onyx–Mac 下的系统优化利器:
2. AppZapper–Mac下的软件卸载工具

其他软件

1. FIT–Mac下的万能五笔,最FIT你的Mac&iPhone输入法–全拼/双拼/全双混拼，五笔型/全拼五笔混合，笔画
2. OmniGraffle–Mac下非常好的原型工具
3. Vmware fusion 3–虚拟机软件,Unity模式
4. Dropbox–用来在不同计算机间同步文件
5. Google Notifier for Mac–菜单栏的 Gmail 通知小工具:
6. Google Quick search box–quicksilver/spotlight代用软件
7. Skim–pdf查看器
8. Ichm–CHM阅读软件
9. Skitch– 截图处理软件
10. ZOC Terminal–SSH客户端,不过对中文支持不好
11. FileZilla
12. CopyPaste Pro
13. Remote Desktop Connection–Mac上的远程桌面

不管你是JavaScript新手还是经验丰富的开发者，你所使用的工具直接影响你的工作效率。开放源代码运动使得拥有得力的工具不再意味着付一大笔钱；实际上你什么都不用付出。下面是一个对JavaScript开发者真正有实用价值的免费工具列表。

查看全部

在我们写样式的时候，页面的CSS在经历几个版本的修改之后，可能有些样式已经用不到了，或许将某些样式更名了而原来的忘了删除，总之页面中可能存在着一些无用的样式。这些无用的浪费了一些服务器空间和带宽消耗，也会增大我们的维护成本。那么有没有一些办法来清理那些无用的样式呢？今天就让我们来了解一下几个比较有用的工具。

Dust-Me selectors

Dust-Me是一个很有用也很好用的Firefox插件，它可以分析到你的页面中调用的所有CSS文件并分析那些在页面中没有被用到。

支持本地和远程样式文件，包括使用link标签、< ?xml-stylesheet?>处理指令、@import语句等方式引入的样式文件；(但是不支持页面中的style块和内联样式)
支持IE条件注释中引入的样式文件；
可以检查一个页面，也可以检查整个网站；
支持CSS1选择器、大部分CSS2和CSS3选择器；
理解通用的CSS hack，比如 “* html #fuck-ie”将会被认为是”html #fuck-ie”；
支持Firefox 3.5和Firefox 3.0，事实上得益于FF 3.5的js引擎的改进，FF 3.5中的性能比FF 3.0要高50%。

安装：点击这里。了解更多请访问 Dust-Me selector官方页面。

Page Speed

Page Speed是Google提供的一个前端性能分析工具，有些类似于YSlow，但是提供了一些比较个性且很有用的工具，比如Remove unused CSS.

Page Speed和YSlow一样依赖Firebug，了解详情和安装请访问这里。

CSS Redundancy Checker

CSS Redundancy Checker 是一个免费的在线应用，可以检查所有的使用某个CSS文件的页面中无用的样式。可以同时检查某一个样式在多个页面中的使用情况。该工具的不足是虽然一次能检查多个HTML页面，但每次只能检查一个CSS文件，而且还要手动输入

http://services.immike.net/css-checker/

IntelliJ IDEA

IntelliJ IDEA 这是一个颇强大的IDE，类似于DreamWeaver，不过在国内用的不多。该软件包括一个即时代码分析工具(On-the-fly Code Analysis)，可以分析CSS文件中未用到的class和id。

Expression Web

Expression Web作为微软的新一代网站开发工具，还是有很多人使用的，其CSS Report功能可以检查未用到需要被清除的CSS（我的确没有使用EW开发过网站，希望使用该软件的童鞋可以帮忙确认一下这一点）。

来自：http://www.qianduan.net/

一、IE网页调试插件

IE Developer Toolsbar

IE下的FireBug.HTML及CSS调试工具

http://www.windowsmarketplace.com/details.aspx?itemid=2695980

Microsoft Script Debugger

Companion.JS 需要安装Microsoft Script Debugger才可

Companion.JS

IE下的javascript调试工具.

http://www.my-debugbar.com/wiki/CompanioNJS/HomePage

SuperPreview

主要用于html、css的调试和各个浏览器（目前只能针对IE6-IE8）的页面呈现测试

http://download.microsoft.com/download/5/6/8/568F0D28-0434-4794-B7FC-FB293BCC98FB/SuperPreview_Trial_en.exe

IETester-同时拥有IE6、IE7、IE8（Vista兼容）

http://www.my-debugbar.com/wiki/IETester/HomePage

二、firefox网页调试插件

FireBug

firefox下一套强大的网页开发调试工具

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

Web Developer

FireFox下的查看工具,可以查看JS,CSS等页面信息

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

YSlow

why slow 页面性能优化查看器.基于FireBug

http://developer.yahoo.com/yslow

Javascript Debugger

FireFox下的javascript调试工具,比FireBug有更强大的调试功能.

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

Opera Developer Tools

三、其它

Opera下的DOM,CSS查看工具,类似FireBug.

http://dev.opera.com/articles/view/opera-developer-tools/

webkit

Safari下的开发调试工具

http://nightly.webkit.org/

Fiddler

一个很强大的http流查看工具

http://www.fiddlertool.com/fiddler/

Httpwatch

数据分析工具,头消息接受/发送的查看,POST数据查看.等等

http://www.httpwatch.com

9. UltraEdit

UltraEdit 是一个Windows平台深受开发者欢迎的文本编辑器。它支持多种语言，如PHP, JavaScript, Perl, C/C++，具备内置的文件管理功能，著名的搜索和替换功能。通过它的 属性列表 可以清楚地了解到 UltraEdit 的功能。

查看全部

1. Notepad++

它是一个基于GPL授权在 Windows 发布的编辑器，具备许多特色的功能，其中最著名的是：录制键盘记录，强大的搜索替换功能支持正则表达式，支持多种编程语言等。

查看全部

1、YHB网页尺

此软件无需安装,直接运行！可以选择尺寸单位为cm（厘米）或者px（像素）

下载地址：yhb-chi

2、FastStone Capture

FastStone Screen Capture (FSCapture) 是一款免费的图像浏览、编辑和抓屏工具，支持包括BMP, JPEG, JPEG 2000, GIF, PNG, PCX, TIFF, WMF, ICO 和TGA在内的所有主流图片格式。

功能强大，除了网页尺还有其它强大功能，如截图，屏幕录制，取色等！

下载地址：FastStone Capture V6.3 Final┊图像浏览、编辑和抓屏的工具┊心海伽蓝汉化版

3、picpick

PicPick是一个免费又好用的屏幕撷取软件，它可以抓取全屏幕或是局部的画面，而且操作也很简单，还具备了一般最常用到的基本图像处理功能。

下载地址：PicPick V1.8.0.5┊抓取全屏幕或局部的画面而且操作简单┊多国语言绿色免费版

官方地址：http://picpick.wiziple.net/

4、Firefox中有MeasureIt这个插件也很好用(荐)

安装MeasureIt之后，Firefox左下角会出现一个标尺的图标。点击一下，就可以在页面上选择一个选区，然后会以像素为单位把尺寸显示在边上.

另外还有一些便于调整选区的操作：

* Ctrl+方向键：将选区移动1个像素

* Ctrl+Shift+方向键：将选区移动5个像素

https://addons.mozilla.org/zh-CN/firefox/addon/539

5、飞鱼网页尺

下载地址：飞鱼网页尺 V1.6 绿色版

6、QQ截图 Ctrl＋alt＋A 直接截图(荐)

web标准很重要的一点也是最烦的一点就是需要兼容各版本浏览器，随着微软IE7的推出，标准设计师需要考虑兼容IE7前面的IE5/IE5.5/IE6 版本，之前一直没有找到好的方法，最近终于找到IE版本合集软件包Multiple_IE。严重推荐给大家，大家升级到IE7后也可方便测试网页的兼容性。

官方网站：http://tredosoft.com/Multiple_IE

官方下载：http://tredosoft.com/files/multi-ie/multiple-ie-setup.exe

Multiple IE（支持 XP下IE3 到IE6多版本共存） 相信很多朋友都用过，但其不支持 Vista，最大的问题是该软件已经很久未更新，集成的 IE 版本都过老，不适应现在浏览器测试的需求。

IETester 支持 Vista 和 XP 下IE8 beta 1, IE7，IE 6 和IE5.5 版本共存。

最新版本：v0.2.1 下载 中文包 (加入Languages 文件夹，默认在 C:Program FilesCore ServicesIETester )

最小需求：Windows Vista 或者 Windows XP 安装 IE7 版本( 如果安装的 IE6 版本 ，则Windows XP 下的 IE6 有一些小问题，并且在这个配置下 IE7/IE8 版本不能运行 )

不过任何软件都有不完美之处——

IETester 目前已知的问题有：

1. 当窗口大小改变的时候，页面内容可能会消失（作者改进中）；

2. 上一页/下一页功能不正常；

3. Focus功能不正常；

4. Java apple不能运行；

5. Flash不能在IE6下正常运行。

官方网址：http://www.my-debugbar.com/wiki/IETester/HomePage

下载地址：>http://www.my-debugbar.com/ietester/install-ietester-v0.3.exe