tailwind-css-playground Tailwind Templates

Tailwind Css Playground

Tailwind CSS 練習場

版本:1.4.1

怎麼開始?

  1. 直接 clone 或下載這個專案:
$ git clone https://github.com/kaochenlong/tailwind-css-playground.git
$ cd tailwind-css-playground
  1. 安裝相關套件(可使用 npmyarn):
# 使用 Yarn
$ yarn

# 使用 NPM
$ npm install
  1. 啟動伺服器:
# 使用 Yarn
$ yarn run server

# 使用 NPM
$ npm run server

然後,瀏覽器應該會自動打開 http://localhost:8080 頁面,如果沒有,你也可手動輸入網址。

  1. 打開 src/index.html 頁面,你可以直接在 HTML 裡面使用 Tailwind CSS,也可以在 src/styles.css 這個檔案裡撰寫 CSS 了。

參考資料:https://tailwindcss.com/

Happy Hacking :)

Top categories

Loading Svelte Themes