---
# System prepended metadata

title: '**taiwindcss 環境建置(未完)**'
tags: [技術資料統整]

---

---
tags: 技術資料統整
---
# **taiwindcss 環境建置(未完)**

## 安裝：[tailwindcss | Yarn - Package Manager](https://yarnpkg.com/package/tailwindcss)

1. **安裝tailwindcss**
```shell=
$ yarn add tailwindcss 
```

2. 在專案根目錄產生預設配置檔 **`tailwind.config.js`** （如下圖）
    >![](https://i.imgur.com/1xmWUrx.png)


```shell=
$ npx tailwincss init
```

  
3. [Installation: Tailwind CLI - Tailwind CSS](https://tailwindcss.tw/docs)



## References：
- [How to use Tailwind CSS with Rails](https://www.youtube.com/watch?v=IKjttXqtVV0&t=3s)
- [tailwindcss play](https://play.tailwindcss.com/)
- [Tailwind CSS 大全](https://powerkaifu.github.io/2020/09/24/lesson-tailwind-css/)









