眾所皆知,vue對於構建單頁面應該相當方便,但是在項目中難免遇到有多個頁面的情況。
1.先安裝vue-cli腳手架,具體步驟看vue-cli的官方github地址 https://github.com/vuejs/vue-cli;就不詳細說明了。
下面是初始化腳手架的選項,按照自己所需求的勾選即可,后面的單元測試,用的上就勾。
生成好的目錄結構如下:
2.繼續安裝依賴 npm install
3.等待若干時間裝好以后 ,輸入命令npm run dev 運行
打開網頁即可看到效果
至此,我們就完成了vue-cli的初始化,接下來我們將研究將單入口改造成多入口。