vue-cli 安裝和使用腳手架
阿新 • • 發佈:2019-01-06
vue-cli
官方配置的關於使用vue的各種功能,這些功能叫做腳手架
自己整理的筆記: (自己的課件2019-01-05)
(參考課件 2019-1-5)
npm install yarn
1.安裝vue-cli 只需要安裝一次 npm install -g @vue/cli # OR yarn global add @vue/cli
2.建立專案 vue create 專案名稱
3.千萬不要走default配置(不然會有esLint,一個不小心就出現語法錯誤) 使用上下鍵切換配置 (Manually select features)
4.選擇配置項,按空格選中
自己整理的筆記: (自己的課件2019-01-05)
這個資料夾交你如何下載、搭建: vue的腳手架、配置、下載
先看檔案 1 裡面有詳細的下載步走。
安裝完之後:1.開啟自己在安裝時起的名字 的資料夾
2.開啟 src 資料夾
3.開啟 components 資料夾。在這裡就可以使用 vue的腳手架
執行伺服器:
cd .\app\ (cd 空格 加地址)
npm run serve
登入網頁,輸入 localhost:8080
使用:1.在components 資料夾中寫 元件
2.在 src 資料夾 的 App.vue 檔案中匯入 元件
(參考課件 2019-1-5)