首頁 >web前端 >js教程 >Vue.js之CLI框架安裝步驟

Vue.js之CLI框架安裝步驟

零到壹度
零到壹度原創
2018-03-29 15:47:011688瀏覽

本文主要為大家分享一篇Vue.js之CLI框架安裝步驟的問題,具有很好的參考價值,希望對大家有幫助。一起跟著小編過來看看吧。

一、 檢查node是否安裝

#  1)如果不確定自己是否安裝了node,可以在命令列工具內執行: node -v  (檢查一下版本,node與- 中間有空客);


#2)如果執行結果顯示: xx 不是內部指令,說明你還沒有安裝node , node 安裝位址:http://nodejs.cn/download/

#註:下載對應的node就行;

##二、 vue- cli 全域安裝

 命令列執行: npm install -g vue-cli    // 加-g是安裝到全域

安裝完成以後 可以輸入指令 :vue 回車,可以看到針對vue的命令列;

 

#三、初始化項目


##執行指令: vue init webpack demo(你新建的專案名稱/檔案名稱)

#執行之後將會自動初始化一個資料夾:demo(需要懸掛Y/N的時候根據個人需要安裝,選擇NO 以後也可以手動安裝)###### #########找到demo資料夾可以看到已經初始化了一個基本的項目:######### ######### ############四、啟動項目############  如上圖所示,執行初始化項目以後,下面會有對應的指令:###

 

繼續執行: cd demo (這是進入到demo資料夾的指令)

 然後執行安裝:npm install

 

附註: npm install 執行可以進行vue已經vue的插件安裝,在第三步的時候,已經初始化了項目,並且在package.json 裡面已經有相關配置,所以在這裡可以直接安裝;

 安裝完成後再執行指令: npm run dev 

整個專案就已經啟動了:

以上是Vue.js之CLI框架安裝步驟的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn