首頁 > web前端 > Vue.js > 主體

vue鷹架安裝步驟

藏色散人
發布: 2023-01-13 00:45:24
原創
41312 人瀏覽過

vue鷹架安裝步驟:1、安裝node環境;2、透過「npm install -g vue-cli」安裝vue-cli腳手架;3、根據提示選擇安裝插件;4、安裝項目依賴;5 、運行「npm run dev」即可。

vue鷹架安裝步驟

本文操作環境:windows7系統、vue/cli 3.12.1版,DELL G3電腦。

vue腳手架安裝步驟

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

vue鷹架安裝步驟

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

vue鷹架安裝步驟

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

vue鷹架安裝步驟

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

vue鷹架安裝步驟

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

vue鷹架安裝步驟

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

vue鷹架安裝步驟

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

vue鷹架安裝步驟

注意事項

vue-cli預設會安裝一些插件,這些插件我們可以選擇性的安裝

建議新手直接使用鷹架,不要創建純淨的vue專案

相關推薦:《vue.js教程》《最新的5個vue.js影片教學精選

以上是vue鷹架安裝步驟的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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