對(duì)于Vue的開發(fā),我們可以使用HBuilder來進(jìn)行開發(fā),需要在HBuilder中啟用Vue開發(fā)模式,使得開發(fā)代碼更加方便。下面是使用HBuilder啟動(dòng)Vue的步驟:
1. 新建一個(gè)Vue項(xiàng)目
// 在HBuilder中新建一個(gè)Vue項(xiàng)目
2. 進(jìn)入項(xiàng)目文件夾,啟動(dòng)項(xiàng)目
// 在終端中進(jìn)入項(xiàng)目文件夾 cd vue-project // 啟動(dòng)項(xiàng)目 npm run serve
3. 在瀏覽器中查看效果
// 在瀏覽器中輸入 http://localhost:8080 查看效果
這樣就可以啟動(dòng)一個(gè)Vue項(xiàng)目了,開始進(jìn)行開發(fā)。同時(shí),HBuilder還可以提供一些代碼提示,讓我們?cè)陂_發(fā)過程中更加方便。需要注意的是,在使用HBuilder進(jìn)行Vue開發(fā)時(shí),我們需要安裝Vue.js插件,使得開發(fā)更加方便。
上一篇css 魚骨圖