2.2.1　安裝編輯器HBuilder X

HBuilder X是一款編輯器，“快”是其最大優(yōu)勢(shì)，通過(guò)完整的語(yǔ)法提示和代碼輸入法、代碼塊等大幅提升HTML、JS、CSS的開(kāi)發(fā)效率。下面介紹HBuilder X編輯器的安裝操作步驟。

（1）訪問(wèn)HBuilder X的官網(wǎng)，單擊首頁(yè)中顯示的HBuilder X按鈕后，單擊DOWNLOAD按鈕，如圖2-6所示。

圖2-6　下載HBuilder X

（2）下載完成后，對(duì)其進(jìn)行解壓；雙擊后，按照步驟依次進(jìn)行操作。安裝成功后，在HBuilder X中可以通過(guò)執(zhí)行相應(yīng)命令并編寫(xiě)Vue代碼來(lái)實(shí)現(xiàn)新建項(xiàng)目，如圖2-7所示。

圖2-7　安裝HBuilder X后新建項(xiàng)目