近端在做前端開發用到了一個比較友好有用純css ui庫。tailwindcss。由于開發工具習慣用的是webstorm，idea之類的。期間在使用智能提示自動補全遇到了一些坑。由于很多前端用的是vscode工具，在那個工具下裝完插件自動補全是沒有問題的，那個羨慕...
一、必須安裝webstorm2020.3以上的版本目前裝的2021.1版本，這個才自帶tailwaidcss插件。我原來用2020.1版本裝其他插件沒用。
二、安裝tailwind官網有介紹，要點是注意postcss7相容問題，這個會對項目啟動有影響。
現在注意注意安裝的tailwindcss版本！！！！
如果已安裝tailwindcss，但是沒有出現智能提示的，請嘗試以下步驟:
解除安裝：
npm uninstall tailwindcss postcss autoprefixer
把package.json，package-lock.json下tailwindcss删除幹淨
安裝2.1.4
npm install -D [email protected]:@tailwindcss/[email protected] postcss@^7 autoprefixer@^9
生成配置檔案
npx tailwindcss init -p
為了不與項目裡面的樣式類名有沖突我在tailwind.config.js加上字首配置。
接下來看下效果，心情舒暢不少。
尾言：非常反感網上那些寫教程遮遮掩掩好像怕别人知道的家夥。