使用idea來運行Vue是非常方便的。以下是步驟:
1. 打開idea,選擇菜單欄中的File ->New ->Project。在彈出的窗口中,選擇Vue,然后選擇Vue.js。
<img src="https://cdn.jsdelivr.net/gh/0voice/Introduction-to-Github/imgs/1579822801.jpg">
2. 在下一步中,設置Vue.js項目的名稱、位置、版本等信息。
<img src="https://cdn.jsdelivr.net/gh/0voice/Introduction-to-Github/imgs/1579823017.jpg">
3. 接下來,選擇安裝npm依賴項,這是Vue項目必需的。
<img src="https://cdn.jsdelivr.net/gh/0voice/Introduction-to-Github/imgs/1579823156.jpg">
4. 安裝完成后,進入vue-cli的 dashboard。從左側的插件列表中,啟動webpack dev server。
<img src="https://cdn.jsdelivr.net/gh/0voice/Introduction-to-Github/imgs/1579823622.jpg">
5. 最后,打開瀏覽器,輸入http://localhost:8080/,看看你的Vue.js應用程序是否已經運行起來了。
至此,使用idea運行Vue已經完成了。通過這種方式,你可以使用WebStorm的所有Vue特性,包括語法和模板高亮顯示、ESLint和StyleLint檢查、自動補全等。
上一篇css3 前綴 生成器