本文主要為大家分享一篇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中文網其他相關文章！
