---
# System prepended metadata

title: 在 Vue 專案裡初始化 Tailwind

---

# 在 Vue 專案裡初始化 Tailwind 

> https://www.npmjs.com/package/vue-cli-plugin-tailwind

## 透過 vue-cli-plugin-tailwind 安裝

```bash
vue add tailwind
```

- 選擇 `minimal`

## 設定 VSCode 工作區

為了讓 VSCode 在 emmet 風格如 pug 的語法中也能自動完成。

先安裝延伸功能 [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)

新增以下工作區設定：
###### .vscode/settings.json
```javascript=
{
  "tailwindCSS.emmetCompletions": true,
}
```

