前端開發(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引擎。
版本管理 svn git 在很多開發(fā)工具里都會自動集
成,比如Webstorm ,如果沒有也沒有關系,在他們的官網可以去下載相應的插件,或者是在工具中配置。
Nginx 反向代理服務器
前端社區(qū)
segmentfault 是一個專注于解決編程問題,提高開發(fā)技能的社區(qū)。
runoob 奔跑吧!菜鳥(Runing noob),很適合入門級的前端朋友。
html-js 前端亂燉
F2E 前端交流分享社區(qū)
前端常用API
前端的技術更新太頻繁了,無法列出主流的技術。只是列出常用的API
在線工具網站
OSchina-tool 大量的在線工具和API