2.2.1　安裝編輯器HBuilder X

HBuilder X是一款編輯器，“快”是其最大優勢，通過完整的語法提示和代碼輸入法、代碼塊等大幅提升HTML、JS、CSS的開發效率。下面介紹HBuilder X編輯器的安裝操作步驟。

（1）訪問HBuilder X的官網，單擊首頁中顯示的HBuilder X按鈕后，單擊DOWNLOAD按鈕，如圖2-6所示。

圖2-6　下載HBuilder X

（2）下載完成后，對其進行解壓；雙擊后，按照步驟依次進行操作。安裝成功后，在HBuilder X中可以通過執行相應命令并編寫Vue代碼來實現新建項目，如圖2-7所示。

圖2-7　安裝HBuilder X后新建項目