細數那些年我用過的前端開發工具

一：HBuilder

下載地址：http://www.dcloud.io/

飛速編碼的極客工具，大幅提高HTML、js、css的開發效率。

使用HTML5開發,而後使用HBuilder提供的雲打包或本地打包將能夠把5+ Runtime和開發者編寫的HTML5頁面打包爲原生App的安裝包,包括Android的apk和iOS的ipa

二：Sublime Text

下載地址：https://www.sublimetext.com/

漂亮的用戶界面和強大的功能，愈來愈多工程師用它。

SublimeText是一款很是精巧的文本編輯器，適合編寫代碼、作筆記、寫文章。它用戶界面十分整潔，功能非同凡響，性能快得出奇。SublimeText自己已經很是強大，可是更棒的是有一長串的插件支持它，給它帶來更強大的功能，這就是本文要討論的內容。很少廢話，讓咱們看看20個強大的SublimeText插件。若是你已經在使用他們，請告訴咱們，並告訴咱們你認爲其中那款最出色。

三：Notepad++

下載地址：https://notepad-plus-plus.org/

小巧的文本編輯器，更是編寫代碼的利器！

很是小巧好用的文本編輯器。用來快速高效的搜索修改代碼。若是你想修改一點小代碼的時候，卻要忍受幾秒的編輯軟件啓動時間，那麼就用這個吧。不管是 寫代碼仍是修改代碼，我的以爲都比那些功能齊全的編輯軟件好不少。

四：Adobe Photoshop CC

下載地址：http://www.adobe.com/

前端開發，切圖必備！

phooshopcc是由著名的軟件廠商Adobe發佈一款功能很是強大的圖片處理軟件。phooshopcc相對舊版本的功能更增強大和高效。

五：Adobe Dreamweaver CC

下載地址：http://www.adobe.com/

編碼必備 DW和PS無敵組合

AdobeDreamweaverCC是adobe旗下的可視化網頁設計軟件,最近adobecc套裝進行了一次年度的更新,Dreamweavercc這款軟件天然也獲得了更新，新增了更加友善直觀的視覺化CSS編輯工具,讓Web開發者更快速地生成簡潔的CSS代碼;創新的jQuery UI Widget、Edge Web Fonts 讓文字更加鮮明。

六：Atom

下載地址：https://atom.io/

Github 團隊專爲程序員打造編輯利器！

Atom是github專門爲程序員推出的一個跨平臺文本編輯器。具備簡潔和直觀的圖形用戶界面,並有不少有趣的特色:支持CSS,HTML,JavaScript等網頁編程語言。對於熱愛markdown寫做的人來講,Atom一樣是一款擁有無窮魅力的寫做軟件。我不怕它沒法知足你的需求,就怕你不給一個機會了解它,那麼,這將是一場遺憾的錯。

七：Brackets

下載地址：http://brackets.io/

Adobe操刀打造的免費編輯器Brackets，簡約、快捷！

Brackets是一個免費、開源且跨平臺的 HTML/CSS/JavaScript 前端 WEB 集成開發環境(IDE工具)。該項目由 Adobe 建立和維護,根據MIT許可證發佈,brackets是adobe出品,最簡潔,js提示最舒服,並且如今已經支持多標籤了,插件還算豐富,該有的功能都有，簡潔高效。

八：Beyond Compare

下載地址：http://www.scootersoftware.com/

文件及目錄比對神器，以顏色區分差別。

BeyondCompare中文版是一款專業的文本文件對比工具,能夠高效的針對文件、文件夾、表格、mp三、圖片、數據、註冊表等文件並進行比較、合併、同步分析，Beyond Compare是一套由Scooter Software推出的文件比較工具。主要用途是對比兩個文件夾或者文件，並將差別以顏色標示。比較範圍包括目錄，文檔內容等。

九：WebStorm

下載地址：http://www.jetbrains.com/webstorm/

老牌強大的編輯器，擁有即時編輯等諸多優勢。

WebStorm是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽爲「Web前端開發神器」、「最強大的HTML5編輯器」、擁有智能的代碼補全、代碼格式化、html提示以及代碼檢查和快速修復等編譯功能,是一款深受廣大程序員喜好的JavaScript 開發和Web前端開發工具,完美適應各類複雜客戶端開發和Node.js的服務器端開發。

桌面上必備瀏覽器

未完待續…

若須要轉載，聯繫原文做者

更多技術文章，行業交流，web前端開發資源，請點擊原文連接： 祈澈姑娘

或者聯繫個人微信，姑娘家家創做不易，走過路過點個讚唄