寫前端代碼也有一年了,一直在三亞米飯網絡公司,小有收貨。今天給大家分享一下我覺得前端開發比較好的工具,可以大大提升開發效率,而且都是可以在windows 和Mac OSX下完美使用。
更新一個
0.alloydesigner
AlloyDesigner 的創意來自於“臨摹”的靈感,使用AlloyDesigner後,你可以把設計稿拖進你的Web頁面鋪在頁面的最底層,然後就可以對着設計稿來構建DOM元素和CSS樣式啦,這樣子是不是直觀了很多?通過AlloyDesigner直觀地調整頁面,迅速達到與視覺稿一致的目的。
1.Mrakman
神器,貼一段百度百科的介紹
MarkMan –馬克鰻 是一款方便高效的標註工具,極大節省設計師在設計稿上添加和修改標註的時間,讓設計更有愛。 馬克鰻使用起來也是非常簡單,雙擊添加測量,單擊改變橫縱方向等等功能,基本都是一建完成。 馬克鰻是基於 Adobe AIR 平臺,可以跨平臺使用,減少了在不同平臺使用產生的一系列問題。
我在windows和Mac osx體驗都很好,小巧,方便。配合ps切圖非常給力。
2.F5
和MarkMan是同一家公司出的,主要作用就是保存自動刷新網頁,不用我們不停的去按F5了,這個是他們的微博地址http://weibo.com/f5app,這個絕對是提升效率的寶貝,我是兩個顯示器,直接一個顯示器寫代碼,另一個現實器用F5實時預覽,相當NB。
3.sublime text
一個很輕量級的編輯器,裝前端插件後寫起來非常輕快,當然配合F5那就更爽了,這張是我裝的插件截圖:
希望大家能合理利用這些小工具,來更加高效優雅的寫代碼。
米飯工作室原創,轉載請註明出處。