在vue2 中使用 tailwindcss的方法 親測可用

Posted on by

註意 : 我用我走過的坑告訴你們 ， 一定要按照步驟，一步一步來

1. 直接安裝

npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

2. 創建文件tailwindcss.css

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

3.main.js中引入

import "./assets/tailwindcss.css"

4.在項目根目錄執行以下命令：

npx tailwindcss init -p

發現在根目錄下多瞭2個文件.

5. 測試一下

<p class="bg-blue-500">111111</p>

如果有背景顏色， 那就說明可以使用

到此這篇關於在vue2 中使用 tailwindcss的方法 親測可用的文章就介紹到這瞭,更多相關vue2使用tailwindcss內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：