Window10下----Vue CLI(腳手架) 建立項目

1.從cmd跳轉到要建立的目錄下

---

2.經過 vue init webpack + 項目名稱建立項目

例如 vue init webpack myfirstvuecli

---

3.配置相關工具

Project name 必須小寫
不然會報 Sorry, name can no longer contain capital letters. 錯誤

按圖片提示 在cmd輸入相關命令

---

4.建立成功

文件目錄以下:

重要文件
index.html 網頁入口 直接打開此html文件無效
main.js 鏈接index.html和App.vue
App.vue 父組件,管理其餘小組件

5.啓動項目

由cmd跳轉到項目所在的目錄下
npm run dev 啓動項目

如圖所示,則啓動成功
在瀏覽器輸入圖中地址(http://localhost:8080) 就能夠查看項目