亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue2中怎么使用tailwindcss方法

發布時間:2022-07-11 10:03:07 來源:億速云 閱讀:736 作者:iii 欄目:開發技術

本文小編為大家詳細介紹“vue2中怎么使用tailwindcss方法”,內容詳細,步驟清晰,細節處理妥當,希望這篇“vue2中怎么使用tailwindcss方法”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。

1. 直接安裝

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

2. 創建文件tailwindcss.css

vue2中怎么使用tailwindcss方法

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

3.main.js中引入

import "./assets/tailwindcss.css"

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

npx tailwindcss init -p

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

vue2中怎么使用tailwindcss方法

5. 測試一下

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

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

讀到這里,這篇“vue2中怎么使用tailwindcss方法”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

阜城县| 大城县| 六枝特区| 五莲县| 孙吴县| 葵青区| 金湖县| 黄冈市| 玛曲县| 阿克苏市| 鸡泽县| 山阴县| 韶山市| 皮山县| 昌图县| 黄大仙区| 和政县| 彭阳县| 焉耆| 双鸭山市| 阿图什市| 布拖县| 吉林省| 吉隆县| 大丰市| 宣恩县| 察哈| 根河市| 什邡市| 镇安县| 平阳县| 崇义县| 丰城市| 和硕县| 宾川县| 乌鲁木齐县| 泽库县| 朔州市| 垣曲县| 灵台县| 横山县|