1. 程式人生 > >Windows 10 下 Vue 環境搭建

Windows 10 下 Vue 環境搭建

Windows 10 下Vue環境搭建,需要環境Node.js 官網上下載  https://nodejs.org/en/


當然是選擇推薦的版本了。

  下載好後安裝,基本就是一路next下去就好。安裝完成後CMD 命令列


使用國內映象


開始安裝vue-cli


至此我們就可以使用vue-cli 來使用構建Vue環境了

我在E:/myVue中開始構建Vue環境


以上從 vue init webpack  開始 會出現提示輸入一些資訊,包括

專案名稱   輸入專案名稱

專案描述 可以輸入內容也可以直接回車

作者名稱

是否安裝 router 輸入 yes 或者 no

是否進行ESLint JS的語句校驗之類的 可以輸入 yes 或者 no 

是否整合單元測試

注意上面的專案名稱中不能出現大寫字母。

上述完成後進到目錄看到如下的檔案結構


按照上述的提示 進入到myFirstVuePro  執行 npm run dev

  


開啟瀏覽器  輸入 http://localhost:8081


這樣就基本搭建好了。