windows下使用vue-cli
安裝node
根據自己的系統到官網下載對應的包:
解壓後把node.exe所在目錄添加到環境變量path裏面:
打開cmd輸入如下命令如果出現版本信息說明配置OK:
node -v
npm -v
全局安裝vue-cli
cmd執行命令:npm install --global vue-cli
安裝過程需要消耗2分鐘左右,耐心等待:
創建項目
安裝完成後即可通過命令行創建項目,首先cmd命令行進入需要創建工程的路徑:
使用命令創建工程:vue init webpack firstDemo,firstDemo就是工程名,安裝過程中會有一些常規詢問,可參考讓如下選項選擇,之後等待安裝完成,這個過程也需要消耗幾分鐘:
在對應問價夾下就會出現工程文件:
安裝完成後可以依次執行如下兩個命令即可啓動應用:
注意:如果安裝完成提示上面有出現如下這樣的錯誤:
進入工程文件夾下面,刪除如下文件夾:
然後在cmd中cd到項目目錄,依次運行命令:
npm install
這個命令會消耗幾分鐘,耐心等待
npm run build
提示如下後即可運行下面一條命令啓動應用:
npm run dev
啓動成功後即可通過瀏覽器訪問http://localhost:8080/: