基於vue-cli初始化一個VUE項目

 

創建一個VUE項目:

環境準備:

操作系統:win10

已安裝nodeJS,npm,cnpm

如果未完成上述安裝請參考以下鏈接:

 

NodeJS | npm | cnpm 安裝教程

 

1.安裝vue-cli vue腳手架:

2.輸入vue init webpack my_test_vue 初始化項目:

初始化項目時的提示說明:

Vue build :打包方式,回車即可;

Install vue-router :是否要安裝路由,輸入y 回車;

Use ESLint to lint your code:是否需要 嚴格的js 語法檢測,對於新手來說不太友好,這裏我們可以輸入n 回車;

Set up unit tests:是否安裝單元測試工具輸入n 回車;

Setup e2e tests with Nightwatch :是否需要 端到端測試工具 輸入n 回車;

 

3.cd 到項目目錄下運行cnpm install 安裝項目依賴,安裝之後運行:npm run dev 看見如下提示:

 

4.在瀏覽器中打開該地址:localhost:8080 顯示如下:

 

未完待續...(待補充創建過程中遇到的一些錯誤提示的處理)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章