作為Web開發(fā)者，這是好的時代，也是壞的時代，所以找出的web開發(fā)所需要的工具和資源。下面由學(xué)習(xí)啦小編為大家整理的web開發(fā)工具資源，希望大家喜歡!

　　web開發(fā)工具資源

　　一、icon圖標

　　幾乎每一個Web開發(fā)者，尤其是前端開發(fā)人員都會需要icon圖標來增色項目。

　　Font Awesome：Font Awesome為您提供可縮放的矢量圖標,您可以使用CSS所提供的所有特性對它們進行更改,包括:大小、顏色、陰影或者其它任何支持的效果。

　　IconMonster：免費，高質(zhì)量, 龐大且資源不斷增長的簡潔的icon圖標庫。

　　IconFinder：Iconfinder提供美麗的圖標,服務(wù)數(shù)以百萬計的設(shè)計師,開發(fā)商和其他有創(chuàng)意的專業(yè)人員。

　　Fontello：一個目測有200+個圖標(數(shù)量還在增加)的 Web-font 圖標市場，對于廣大設(shè)計師、前端開發(fā)者來說是很棒的資源。

　　二、Git 代理 / 服務(wù)

　　Git是一款免費、開源的分布式版本控制系統(tǒng)，用于敏捷高效地處理任何或小或大的項目。Git是一個開源的分布式版本控制系統(tǒng)，可以有效、高速的處理從很小到非常大的項目版本管。Git 是 Linus Torvalds 為了幫助管理 Linux 內(nèi)核開發(fā)而開發(fā)的一個開放源碼的版本控制軟件。

　　SourceTree：SourceTree 是 Windows 和Mac OS X 下免費的 Git 和 Hg 客戶端。支持創(chuàng)建、克隆、提交、push、pull 和合并等操作。

　　GitHub Client：有助于無縫連接GitHub和GitHub的企業(yè)的項目。

　　Gogs：Gogs (Go Git Service) 是一款極易搭建的自助 Git 服務(wù)。 開發(fā)目的 Gogs 的目標是打造一個最簡單、最快速和最輕松的方式搭建自助 Git 服務(wù)。

　　GitLab: GitLab是利用 Ruby on Rails 一個開源的版本管理系統(tǒng),實現(xiàn)一個自托管的Git項目倉庫,可通過Web界面進行訪問公開的或者私人項目。

　　Coding：Coding 的代碼托管功能除了基本的 Git 倉庫以外，還有保護分支，分屏對比， Code Review 等高級功能。并且整合了 Pages 服務(wù)，質(zhì)量管理，演示平臺等開發(fā)工具，提升研發(fā)效率。

　　三、本地開發(fā)環(huán)境搭建

　　根據(jù)您運行的是什么操作系統(tǒng)和計算機配置，有時候進行測試的時候就有可能需要搭建一個快速的本地開發(fā)環(huán)境。自己搭建很是蠻煩，不用擔心，有很多將Apache，Nginx，MySQL和phpMyAdmin進行打包一體化的軟件。這些軟件很是方便我們來進行本地測試。

　　XAMPP：XAMPP(Apache+MySQL+PHP+PERL)是一個功能強大的建站集成軟件包。

　　MAMP PRO：MAMP Pro for mac是Mac OS平臺搭建本地服務(wù)器環(huán)境的組合軟件套裝,包含 Macintosh、Apache、MySQL和PHP 四大開發(fā)環(huán)境。

　　WampServer：Wamp就是Windows Apache Mysql PHP集成安裝環(huán)境，即在window下的apache、php和mysql的服務(wù)器軟件。

　　Vagrant：Vagrant是一個基于Ruby的工具，用于創(chuàng)建和部署虛擬化開發(fā)環(huán)境。它 使用Oracle的開源VirtualBox虛擬化系統(tǒng)，使用 Chef創(chuàng)建自動化虛擬環(huán)境。

　　Laragon：Laragon工具就是Laravel的一鍵安裝工具吧，還集成了一整套wamp工具，除去Laravel安裝外，它也是一款不錯的wamp工具，干凈簡單，便捷迅速。Diff Checkers

　　Wnmp：WNMP是Windows下便捷，安全的Nginx+MariaDB+PHP開發(fā)環(huán)境環(huán)境集成套件包。

　　web開發(fā)檢測工具

　　一、文本對比檢查

　　Diff checkers 可以幫助您比較文件之間的差異，然后合并更改。幫助我們更直觀的看見文本之間的差異。

　　Diffchecker：Diffchecker 是一款非常好用的在線文本對比工具,能夠高亮顯示有差異的行和字符。Diffchecker 提供了文件上傳對比功能,還可以選擇對比的存儲時間。

　　Beyond Compare：Beyond Compare是一套由Scooter Software推出的軟件，主要用途是對比兩個文件夾或者文件，并將差異以顏色標示。

　　二、代碼共享 / 代碼測試

　　前端開發(fā)者在公司內(nèi)或者團體間需要進行協(xié)作，共享代碼，那么一下工具很值得開發(fā)者一試。

　　JS Bin：JS Bin能夠讓你編輯和測試JavaScript和HTML代碼。你還可以將編輯后的代碼保存到本地,或?qū)RL地址發(fā)給其他人,讓其協(xié)助調(diào)試代碼。

　　JSfiddle：jsFiddle是一個在線的shell編輯器,通過流行的JS框架創(chuàng)建自定義的環(huán)境,以簡化JS代碼?？梢杂糜跍y試示例代碼。

　　codeshare：與其他開發(fā)者實時共享代碼。

　　Dabblet：Dabblet是一個開源互動測試工具,用于測試CSS和HTML。Dabblet支持實時更新、匿名備份、嵌入網(wǎng)站、與他人共享或者存儲到GitHub。

　　三、協(xié)作工具

　　每一個很棒的開發(fā)團隊需要一種方式來保持聯(lián)系，協(xié)作，來幫助提高生產(chǎn)力。

　　Slack：Slack 是聊天群組 + 大規(guī)模工具集成 + 文件整合 + 統(tǒng)一搜索。

　　Trello：Trello的目標是提供簡潔清晰的團隊協(xié)作工具。不過彌縫在這里將介紹如果將Trello用來建立自己的時間管理系統(tǒng)。

　　Glip：Glip:在線團隊辦公協(xié)作平臺是一個類似于Slack網(wǎng)站的網(wǎng)絡(luò)辦公集合體,內(nèi)置了郵箱、網(wǎng)盤、即時通訊應(yīng)用、協(xié)作服務(wù)等,把所有和網(wǎng)絡(luò)辦公有關(guān)的服務(wù)和工具都整合在了一起。

　　Asana：Asana是一款團隊任務(wù)管理軟件 方便人們?nèi)ブ贫ê透檲F隊的項目任務(wù)的完成情況

　　Jira：JIRA是Atlassian公司出品的項目與事務(wù)跟蹤工具，被廣泛應(yīng)用于缺陷跟蹤、客戶服務(wù)、需求收集、流程審批、任務(wù)跟蹤、項目跟蹤和敏捷管理等工作領(lǐng)域。

　　web開發(fā)社區(qū)工具

　　國內(nèi)：

　　谷歌開發(fā)者社區(qū)(GDG)：開放 · 分享 · 創(chuàng)新

　　segmentfault：是中國領(lǐng)先的開發(fā)者技術(shù)社區(qū)。 為編程愛好者提供一個純粹、高質(zhì)的技術(shù)交流的平臺, 與開發(fā)者一起學(xué)習(xí)、交流與成長?！纠蠈嵲捨矣X得這名字不好記】

　　全棧社區(qū)：中國最大的全棧開發(fā)者社區(qū),致力于打造一個問題解答,技術(shù)文章分享,全棧人員創(chuàng)業(yè)的服務(wù)平臺,讓開發(fā)更容易,讓創(chuàng)業(yè)更簡單.

　　國外：

　　Stack Overflow：Stack Overflow是一個與程序相關(guān)的IT技術(shù)問答網(wǎng)站。用戶可以在網(wǎng)站免費提交問題，瀏覽問題，索引相關(guān)內(nèi)容，在創(chuàng)建主頁的時候使用簡單的HTML。

　　Front-end Front：在Front-end Front，前端開發(fā)者可以提出問題，分享有趣的鏈接，并展示他們的項目作品。

　　Hashnode：Hashnode是開發(fā)者討論技術(shù)問題，分享解決方案，與世界各地的開發(fā)者共享資源的聚集地。

　　Refind：有著開發(fā)者, 黑客, 設(shè)計師收集和分享最好的資源的社區(qū)。

　　Google+ Web Developers Group：Web 開發(fā)者,Web設(shè)計師和Web開發(fā).

　　Google+ Web Developers Group：Java, PHP, Ruby, JavaScript and Python 資源。

　　Facebook WordPress Front-end Developers Group：WordPress 前端開發(fā)者的分享社區(qū)，可以提問題，分享開發(fā)者的項目作品，還有討論WP未來發(fā)展趨勢。