webstorm建立並運行vue項目教程

這篇文章主要是對初學vue者講解一下如何使用webstorm建立並運行一個vue項目,首先要確保已安裝node.js和vue-cli腳手架。vue

  1. 左上角file->new->project->Vue.js,點擊next

  1. 輸入項目名稱,注意格式,不能有漢字或者大寫字母,而後點擊next

  1. 而後點擊next node

  2. 而後點擊next web

6. 建立成功之後,執行npm install,此時文件結構中多出一個文件夾node_modules,而後執行npm run dev

7. 而後在瀏覽器中輸入該地址看到下圖頁面就成功了。

分享完啦,我也是一個vue小小白,一塊兒學習呦,拜拜~vue-cli

相關文章
相關標籤/搜索