2.1　代碼編輯工具

做開發少不了要和很多代碼打交道，選擇一款得心應手的代碼編輯器尤為重要。這里我們重點是要做Web開發，下面推薦兩款常用的代碼編輯工具。

2.1.1　萬能的Notepad++

Notepad++是一款強大的文件編輯工具，支持對所有格式的網頁文件的編輯，包括.html、.css、.js、.php和.sql文件。在學習初期，建議手動輸入所有代碼，這樣既有助于強化記憶新學的語法，也有助于提高自己的打字水平。Notepad++界面如圖2.1所示。

它的下載很簡單，只需要在百度搜索Notepad++就可以找到想要的軟件，簡單幾分鐘即可安裝成功。

2.1.2　極速開發者的利器：HBuilderX

HBuilderX（簡稱HB）是一款開源的Web開發IDE，它支持網站、App和小程序等各類Web應用的開發。主要用于快速開發時期，因為它具有代碼提示功能，意味著當你忘記如何拼寫某個關鍵詞時，它會替你自動補全，比如HTML的標記只需要寫出開始的一半，結束的一半標記HB會自動為你補齊。所以，擁有它，可以極大地提高代碼輸入的速度。

接下來看看如何下載并安裝HB吧！

（1）下載地址，自行去官網http://www.dcloud.io/，下載最新版的HBuiderX（極客開發工具），并安裝到本地計算機上。

（2）打開HBuilderX開發工具，文件→新建→項目，新建一個默認名稱為test的項目，路徑可自行選擇，效果如圖2.2所示。

（3）這里以新建一個html文檔為例，編輯窗口如圖2.3所示。

為什么要準備兩款代碼編輯器？

雖然兩款編輯器中的任何一款都足以擔當開發的重任，但是兩者還是有一些各自的優勢和不足。其中，Notepad++是初期學習Web開發的“神器”，它不僅體積輕巧、安裝方便、界面簡潔使其備受開發人員青睞。從使用時間來看，初學代碼時，為了加深對代碼的理解和熟悉程度，Notepad++是不二之選。而到了中后期，需要寫大量代碼時，建議使用HBuilderX，它的代碼提示功能和自動補齊功能可以幫你節省大量敲代碼的時間，從而提高開發效率。除此之外，還有一對常用的工具你也可以自行嘗試：Sublime Text和Visual Studio Code。

簡言之，Notepad++更適合于初學階段，HBuilderX則更適合于中后期開發階段。