1. 程式人生 > >vue-cli 安裝和使用腳手架

vue-cli 安裝和使用腳手架

vue-cli   官方配置的關於使用vue的各種功能,這些功能叫做腳手架

 

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)