前端工程師開發(fā)工具記錄

前端開發(fā)常用工具列表

前端工具

所謂磨刀不費砍柴工,如果有好的開發(fā)工具和順手的開發(fā)環(huán)境,那寫起代碼來就事半功倍,不同的人喜歡不同的工具,不同的項目對工作環(huán)境要求不一樣,這里沒辦法列出最合適大家的,只是列出最常見的,至少在搭建環(huán)境的時候多少能夠幫助到你。

常用工具列表

WebStorm 想必大家都知道,也是我最喜歡的工具之一,工具不是免費的,你可以百度注冊碼或者是注冊機。編輯器本身集成了很多插件,常見的svn angualr 等,它還有很多有趣的插件我羅列了幾個(到 Setting -> Plugins 下載):

  • Markdown ,喜歡markdown 的朋友值得擁有,雖然比不上很多markdown的工具,至少減少窗口的開啟,讓你直接在webstorm 進行編輯
  • Key promoter 很多朋友經常不記得快捷方式,這個插件在你使用鼠標點擊菜單的時候會瘋狂的提示你對應的快捷鍵,如果你沒有設置快捷鍵,可以直接設置。

sublime_text,你懂得。非凡的功能和驚人的性能


HBuilder飛速編碼的極客工具,手指爽,眼睛爽


Mark 馬克鰻 ,高效的設計稿標注、測量工具。使用后就忘不了。


Beyond Compare 文件對比工具,沒有比他更好的了,但是如果你無法使用,請使用Winmerge


chrome 你懂得,還有很多插件可是使用,這里只是羅列了幾個,還有很多實用的插件:

  • CSSViewwer 查看任何元素的css樣式
  • WEB前端助手 常用的前端小工具,json格式化、二維碼生成器、頁面取色工具、頁面性能檢測等
  • DHC REST Client 前后端分離,用于測試接口。其實webStorm 也有帶這種工具
  • 鼠標手勢 充分發(fā)掘鼠標的所有操作功能,

koala考拉 支持Less、Sass、CoffeeScript 和 Compass Framework 編譯。而且是自動更新文件,跨平臺。


Photoshop CS ,前端怎么也得會一點PS ,最好安裝CS 版本,可以直接復制一些簡單的CSS代碼,寫靜態(tài)界面的時候減少工作量。

常用環(huán)境列表

node.js 太多的詞可以來形容它,官網是這樣說的: 一個JavaScript運行Chrome的V8 JavaScript引擎。


npm cpm 包管理工具


gulp 百度FIS 用自動化構建工作流,讓你的項目飛起來


版本管理 svn git 在很多開發(fā)工具里都會自動集
成,比如Webstorm ,如果沒有也沒有關系,在他們的官網可以去下載相應的插件,或者是在工具中配置。


Nginx 反向代理服務器

前端社區(qū)

segmentfault 是一個專注于解決編程問題,提高開發(fā)技能的社區(qū)。


runoob 奔跑吧!菜鳥(Runing noob),很適合入門級的前端朋友。


W3cfuns


html-js 前端亂燉


F2E 前端交流分享社區(qū)

前端常用API

前端的技術更新太頻繁了,無法列出主流的技術。只是列出常用的API

HTML5


CSS3/CSS2


JavaScript


Underscore.js 1.8.3


Jquery


Zepto.js 1.1.6

在線工具網站

OSchina-tool 大量的在線工具和API


W3cfuns-tool

其它

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容