圖片發自簡書App

一：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的服務器端開發。

桌面上必備瀏覽器

未完待續…

原文作者：祈澈姑娘

技術博客：[https://www.jianshu.com/u/05f416aefbe1](https://link.jianshu.com/?t=http%3A%2F%2Flink.zhihu.com%2F%3Ftarget%3Dhttps%253A%2F%2Fwww.jianshu.com%2Fu%2F05f416aefbe1)

90后前端妹子，愛編程，愛運營，愛折騰。

堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見，歡迎大家一起探討交流。

文末福利：關注「編程微刊」公眾號 ，在微信后臺回復「領取資源」，獲取IT資源200G干貨大全。公眾號回復“1”，拉你進程序員技術討論群。

轉載于:https://www.cnblogs.com/wangting888/p/9702198.html

總結

以上是生活随笔為你收集整理的细数那些年我用过的前端开发工具的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。