首頁 > web前端 > js教程 > 如何安裝vue.cli腳手架

如何安裝vue.cli腳手架

coldplay.xixi
發布: 2020-11-30 15:25:16
原創
4266 人瀏覽過

安裝vue.cli腳手架的方法:先安裝node環境;然後安裝程式碼【npm install -g vue-cli】,並安裝插件;接著安裝專案依賴;最後執行項目,程式碼為【npm run dev】。

如何安裝vue.cli腳手架

本教學操作環境:windows7系統、Vue2.9.6版,此方法適用於所有品牌電腦。

安裝vue.cli腳手架的方法:

1、安裝之前檢查是否已經安裝node環境,如果有我們就進行接下來的vue-cli的安裝,若果沒有我們則先安裝node環境。

如何安裝vue.cli腳手架

2、安裝vue-cli腳手架,安裝程式碼為:npm install -g vue-cli,我們在這裡選擇的是全域安裝,安裝完之後建立專案。

如何安裝vue.cli腳手架

3、然後根據提示選擇會否安裝插件,如果安裝則選擇Yes,如果不安裝則選擇No,知道插件選擇完成。

如何安裝vue.cli腳手架

4、之後我們cd切換到專案目錄,然後安裝專案依賴,專案依賴的安裝程式碼為:npm install

如何安裝vue.cli腳手架

5、依賴安裝完成之後我們的鷹架基本上算是安裝完成了,我們看一下我們的專案都有什麼檔案。

如何安裝vue.cli腳手架

6、所有前奏準備完成之後我們的vue-cli鷹架就算完成了,我們接下來就要讓專案跑起來。代碼為:npm run dev 

如何安裝vue.cli腳手架

7、腳手架跑起來之後,會預設開啟8080端口,系統如果自動跳到該網頁,就說明我們的鷹架安裝已經完成了,然後就可以在鷹架裡面填寫我們的物品了。

如何安裝vue.cli腳手架

相關學習推薦(免費):javascript學習教學

#

以上是如何安裝vue.cli腳手架的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板