經常會有人問學習Web前端開發到底該用哪個軟件寫代碼比較好呢？針對前端開發編輯器的選擇，每個人都有自己的想法，有的比較看重交互友好的，有的看重界面好看的，有的覺得無所謂，只要不讓我掏錢就好。今天在這里跟大家列一部分，我周圍的前端小伙伴用的比較多的編輯器，希望對初入web前端這條路的小伙伴有一些幫助。

1、WebStorm

WebStorm 是一個適用于 JavaScript 和相關技術的集成開發環境。類似于其他 JetBrains IDE，它也會使您的開發體驗更有趣，自動執行常規工作并幫助您輕松處理復雜任務。

是收費的軟件，我自己經常用的也是這個，感受下來還是對得起這個價格。唯一不好一點的感受是這個編輯器多開項目的時候很吃內存，電腦如果不行的話，建議還是繞路。

2、Vscode（Visual Studio Code）

是Microsoft在2015年4月30日Build開發者大會上正式宣布一個運行于 Mac OS X、Windows和 Linux 之上的，針對于編寫現代Web和云應用的跨平臺源代碼編輯器，可在桌面上運行，并且可用于Windows，macOS和Linux。它具有對JavaScript，TypeScript和Node.js的內置支持，并具有豐富的其他語言（例如C++，C＃，Java，Python，PHP，Go）和運行時（例如.NET和Unity）擴展的生態系統。

現在前端開發用這個編輯器的人很多，主要原因應該是免費吧。我用習慣了webstorm后，對這個工具不是很感冒，編輯器因人而異，比如你之前的工作就跟編程有關，或者你之前就是從事.net或者C、C++的小猿猿的話，用這個編輯器你會感覺非常方便，新手入門的話這個編輯器熟悉起來也是比較簡單的。這個編輯器不吃內存，不吃，真的不吃內存。

3、Sublime Text

Sublime Text具有漂亮的用戶界面和強大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書簽，完整的 Python API ， Goto 功能，即時項目切換，多選擇，多窗口等等。Sublime Text 是一個跨平臺的編輯器，同時支持Windows、Linux、Mac OS X等操作系統。

這個編輯器我自己感覺起來還是很強大的，界面美觀我覺得是可以提出來的。萬能配置，神馬插件都可以直接配置出來，如果你不只是寫前端的話，這個編輯器就很合適，對于其他語言的支持程度比較友好，特別是Python。我反正玩Python就喜歡用這個編輯器。

4、HBuilder

H 是 HTML 的首字母，Builder 是構造者，X 是 HBuilder 的下一代版本。我們也簡稱 HX。 HX 是輕如編輯器、強如 IDE 的合體版本。

如果你習慣了其他工具 (如 vscode 或 sublime) 的快捷鍵，在菜單工具 - 快捷鍵方案中可以切換。

這個編輯器在最開始做前端開發的時候了解過，軟件都安裝在電腦上了。最后還是沒有用，不是說不喜歡，而是我用了其他編輯器了，就沒有時間再用他了。聽說功能還是很強大的，對于前端開始是非常的友好喲。

5、notepad++

這個簡直是神器，我給你講。神器，每個開發人員必備

Notepad++是Windows操作系統下的一套文本編輯器(軟件版權許可證: GPL)，有完整的中文化接口及支持多國語言編寫的功能(UTF8技術)。

Notepad++功能比 Windows 中的 Notepad(記事本)強大，除了可以用來制作一般的純文字說明文件，也十分適合編寫計算機程序代碼。Notepad++ 不僅有語法高亮度顯示，也有語法折疊功能，并且支持宏以及擴充基本功能的外掛模組。

Notepad++是免費軟件，可以免費使用，自帶中文，自帶中文。

這個編輯器我不只是用來寫代碼的，當然經常寫代碼也沒有用它，但是為什么說它是每個開發人員必備呢，主要是輕便，任何你看不懂的文件，比如圖片、文件或者不知道什么格式的代碼文件，你都可以用這個編輯器打開，而且能看到源碼。我比較喜歡用它的中文版，深色模式。

6、其他編輯器

還有其他的編輯器，比如idea、editplus、Atom等等，有興趣也可以拿來用起來，只要對你寫代碼能夠提高效率，都是好編輯器。