91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

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

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

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

米脂县| 泌阳县| 新和县| 漯河市| 金昌市| 睢宁县| 合肥市| 遂平县| 沽源县| 平安县| 玉树县| 民丰县| 峡江县| 涞水县| 泽普县| 渝北区| 陵川县| 阳山县| 乌兰察布市| 乌拉特中旗| 耿马| 丽水市| 库车县| 无为县| 策勒县| 普陀区| 茌平县| 永顺县| 余庆县| 沿河| 密山市| 阿荣旗| 繁峙县| 陈巴尔虎旗| 缙云县| 林甸县| 营口市| 兴国县| 贺兰县| 岑溪市| 龙岩市|