1.首先我們需要安裝node.js,下載地址是:https://nodejs.org/en/
之后是node.js的正常安裝步驟;
接着打開window+R輸入cmd回車進入命令行模塊
2.確認node.js是否安裝,輸入:node -v (若回車后有返回版本號,則說明已安裝,若沒有返回,表示需要你去安裝node.js)
3.接着輸入:npm -v
4.接着安裝webpack,輸入:npm install -g webpack
5.接着使用淘寶鏡像輸入:npm install -g cnpm --registry=https://registry.npm.taobao.org
6.接着安裝vue的腳手架工具 ,輸入:npm install -g vue-cli
7.安裝完成后開始創建項目:創建項目myvue01
輸入命令:vue init webpack myvue01
此時會不斷要你輸入些東西,注意到Eslint那個選項是選擇N(Eslint是語法規則和代碼風格的檢查工具,會自動檢測當前項目的代碼是否符合預設的規則,如果你的代碼寫得不符合預設的規則會報錯),然后一直回車。
8.創建好項目之后,進入到該項目,然后執行命令運行項目輸入:npm run dev (在這一步前也可以先安裝依賴輸入:npm install )
二.舉例:若是我在f盤創建了一個名叫my-vuedemo01的vue項目,我要怎么打開頁面呢?以下流程是:
cmd 打開命令
顯示:
接着進入f盤:
接着找到文件夾名稱:
接着執行運行:
最后就在瀏覽器中打開“localhost.8080”: