一：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中文版是一款專業的文本文件對比工具,可以高效的針對文件、文件夾、表格、mp3、圖片、數據、注冊表等文件并進行比較、合并、同步分析，Beyond Compare是一套由Scooter Software推出的文件比較工具。主要用途是對比兩個文件夾或者文件，并將差異以顏色標示。比較范圍包括目錄，文檔內容等。 九：WebStorm 下載地址：http://www.jetbrains.com/webstorm/ 老牌強大的編輯器，擁有即時編輯等諸多優點。 WebStorm是jetbrains公司旗下一款JavaScript 開發工具。目前已經被廣大中國JS開發者譽為“Web前端開發神器”、“最強大的HTML5編輯器”、擁有智能的代碼補全、代碼格式化、html提示以及代碼檢查和快速修復等編譯功能,是一款深受廣大程序員喜愛的JavaScript 開發和Web前端開發工具,完美適應各種復雜客戶端開發和Node.js的服務器端開發。