<aside> 👉🏻 本篇筆記紀錄三個學習目標:

  1. 串接api
  2. 上手tailwind css
  3. 使用vue 3 cli 開發專案,並上手Option API, Composition API, Script Setup的轉換

</aside>

GitHub - ChenSingYo/covid-tracker-app: Covid-19 Tracker(vue 3 cli + tailwind)

github裡面有三支branch可以比較程式碼風格,依序是master、composition api、script-setup

參考影片:

Build a Covid Tracker App With Vue.js & Tailwind

一、 安裝與設定vue cli 和 tailwind css

於終端機執行指令

vue create vue-covid-tracker

本次專案設定

本次專案設定

將tailwind作為插件安裝到vue專案:

vue add tailwind config檔選擇minimal版本

in tailwind.config.js