+ 接触真正的前端开发差不多有一个月了,真正在公司哦日子也只有两个周,从工资就可以看出来,这个月工资总共才600,加上补贴才1100大洋,哎…… 这么长时间,对前端也算有了基本的了解,也熟悉了一些工具,我现在天天用的工具也就下图这么多: 
+ 其中大多数是早先就一直在用的,最近接触的是aptana IDE和Dreamweaver而已,但是其他几个工具以前只是偶尔用一用,现在却每天摆在桌面上,因为发现他们有很多实用的功能.
+首先是ide,前端的ide很多很多,用的最多的当属Dreamweaver吧,虽然我从来不用dw,但是淘宝前端里很多人用这个,我同事跟我说这个效率高,我以前用过一段时间的eclipse,因为php和as的官方编辑器都是eclipse,js和html也都支持,可是那插件实在是太弱智了,所有代码都基本是手写,根本没有提示啊,大纲啊,tips啊之类的,不过这样有个好处,可以使之牢固地记住单词拼写.后来netbeans再java圈里活了起来,一个东西火起来总有它的好处,虽然还处在早期开发版,但是很多功能已经让人爱不释手了,例如我最喜欢的一个:代码格式化,在eclipse里必须要插件支持格式化,才能格式化,在netbeans里,格式化被原生支持,所有代码都基本可以格式化.还有netbeans的配色特别舒服,代码着色特别漂亮,而且对JavaScript的支持有明显提高,智能提示很智能,各种自动补全都比eclipse人性化,例如:在netbeans和eclipse里输入括号或者引号的一半时,都会自动关闭,但是如果要删除后面的那一半括号呢?在eclipse里,不管上下文是什么都会把前一半一起删除掉,而在netbeans里,会判断前后文,判断你为什么想删除后半个括号,如果是本来就存在一个后半括号的话,则只会删除要删除的后半括号,而不会把前半个括号一起删除.
+ 最近听人说aptana这个ide不错,也支持我喜欢的ruby,而且对js和html,css支持也很好,我比较来比较去,还是喜欢netbeans,首先因为netbeans里有个插件,可以把着色的代码复制粘贴成html+css,而是代码着色aptana不好看,自己配又配不出感觉来,netbeans的界面也比较清爽,至于js提示,其实我从来就没用到过高级的提示,在netbeans里我只需要他在我输入document.的时候出来后面那一串get什么什么的就行了.js已经是够简洁的语言了,提醒太多反而没什么意义,不过在netbeans里的YUI提示和我看的YUI不是一个版本的,全是错的,但是我还是喜欢netbeans多一点,其实编程这东西效率很难说高和低,思路理清楚了,自然效率高.程序写的很快的话,代码提示很智能的话,反而太依赖,对思路理解不深刻,写着后面忘了前面,效率反而慢了.
+ 2.ide说完了,下面是一个看似平凡,但是却非常有用的软件.那就是它:picpick(不能截它运行的图,因为它就是个截图软件)
+ 不要小看这个软件哦,除了截图这个日常必备的功能之外(视觉设计的高清图稿过来之后,还要用ps切图么,用这个直接截图就行了,有放大镜,精确到像素),还有很多其他功能. 首先看看截图功能吧: 它可以截取全屏,截取活动窗口,截取指定控件,截取矩形区域,截取手绘区域,截取固定区域,可以设置快捷键,我设置的是ctrl+shift+p.
+ 截取完后可以做一些基本的处理,例如加个边框美化下,可以用画笔涂一下,这个比较有用,高清图上有字的背景图,可以涂掉就可以直接用了.
+ 下面说一下其他功能吧, 首先,最重磅的就是”标尺”,可以随时用快捷键呼出一个屏幕标尺,可以量宽度和高度,这个可是必备哦,做前端要做到完美,一个像素都不能差.
+ 第二个功能:取色器,很简洁的取色器,可以在屏幕上取色,这个也是必用,但是我一般不用这个功能,而是用一款专业的取色器,叫做”colorschemer studio”,下面将介绍到.但是简单的取色这个已经够用了.
+ 然后还有其他不常用功能,例如:量角器,坐标轴,放大镜之类的. 这是我电脑上唯一一个和ide一起天天开着的工具软件.
+ 2.下面来介绍下上面说的配色软件”colorschemer studio”. 这可是一款很专业的配色软件哦,以至于我这种色盲都做不到物尽其用,因为对色彩理论我一点不懂.
+ 主题部分是调色盘,我不太懂,但是这上面应该显示的是协调色,可能用在一个页面里会比较协调吧. 左下角有个取色的小图标,可以在屏幕上任何位置取色,去了之后值显示在hex value里,当然可以自己在上面调色.
+ 这是最基本功能,这款软件功能很多很强大,这里不能挨个说,就说几个常用的,例如:
(1)分析网页颜色:菜单下面有几个小图标,第三个就是分析网页颜色,你可以打开图片来分析,也可以从外部直接拖一张图片进来分析,可以分析网页主题色等等,
(2)在线配色参考:第一个图标就是配色参考,里面有很多在线获取的配色方案,都非常漂亮,是专业配色师配出来的颜色,可以运用到自己的设计中.
(3)网页模拟配色:第四个图标,在这里可以选择一些基本的html布局,然后向各个部位拖放颜色来模拟真实配色场景,从总体来把握配色.
+ 这个软件还可以管理自己用过的颜色,甚至分组之类的.功能的确很强大.设计师必备.
+ 呵呵,文章开头那个图里的其他图标基本都是浏览器,我电脑装了8个浏览器,ietester只算一个哦,
aptana · colorschemer studio · eclipse · ide · js · netbeans · picpick · 前端 · 开发工具 · 淘宝
AlexBlair · 2009年12月20日于6:52 上午
呵呵,这篇文章看着很有相似之处。
在刚开始学习代码的时候，我总是极力的寻找能够涵盖代码提示和代码格式化的工具。当时DW可以全部做到，但是仅限于CSS,HTML语言，JS基本只支持语法高亮。
于是选择了aptana。对于这个IDE本身，我没有任何觉得不好的地方，但它的启动速度和动不动就200+的内存占用让我不得不放弃它。
netbeans虽然也是基于JAVA的东西，但至少平台不同，还算是可以接受。但对于我的电脑而言，依然是卡~
最后，回归DW，我渐渐发现在来回折腾的那段时间里，对于代码提示的依赖已经基本不纯在了，我现在只是需要一个看起来清爽的代码布局即可。
Admin comment by admin · 2009年12月20日于8:37 上午
恩,的确,Dreamweaver写html和css还不错,只是像写WordPress这样的东西就不太好了,不能预览,aptana里有个预览功能,也算不错了,我现在都只用netbeans了,因为发现它支持android开发了,最近对这个比较感兴趣,呵呵