在vue2?中使用?tailwindcss的方法?親測(cè)可用
更新時(shí)間：2022年07月09日 15:37:10 作者：張鑠洋
這篇文章主要介紹了在vue2?中使用?tailwindcss的方法?親測(cè)可用,本文分步驟給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
注意 : 我用我走過的坑告訴你們 ， 一定要按照步驟，一步一步來
1. 直接安裝
npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
2. 創(chuàng)建文件tailwindcss.css
@import "tailwindcss/base"; @import "tailwindcss/components"; @import "tailwindcss/utilities";
3.main.js中引入
import "./assets/tailwindcss.css"
4.在項(xiàng)目根目錄執(zhí)行以下命令：
npx tailwindcss init -p
發(fā)現(xiàn)在根目錄下多了2個(gè)文件.
5. 測(cè)試一下
<p class="bg-blue-500">111111</p>
如果有背景顏色， 那就說明可以使用
到此這篇關(guān)于在vue2 中使用 tailwindcss的方法 親測(cè)可用的文章就介紹到這了,更多相關(guān)vue2使用tailwindcss內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue中watch、computed、updated三者的區(qū)別及用法
這篇文章主要介紹了Vue中watch、computed、updated三者的區(qū)別及用法說明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-07-07
html-webpack-plugin修改頁(yè)面的title的方法
這篇文章主要介紹了html-webpack-plugin修改頁(yè)面的title的方法 ，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
Vue手動(dòng)埋點(diǎn)設(shè)計(jì)的方法實(shí)例
這篇文章主要給大家介紹了關(guān)于Vue手動(dòng)埋點(diǎn)設(shè)計(jì)的相關(guān)資料,內(nèi)容簡(jiǎn)明扼要并且容易理解,絕對(duì)能使你眼前一亮,需要的朋友可以參考下2022-03-03
vue?el-table實(shí)現(xiàn)動(dòng)態(tài)添加行和列具體代碼
最近遇到一個(gè)動(dòng)態(tài)增加行和列的需求,所以這里給大家總結(jié)下,這篇文章主要給大家介紹了關(guān)于vue?el-table實(shí)現(xiàn)動(dòng)態(tài)添加行和列的相關(guān)資料,需要的朋友可以參考下2023-09-09
vue頁(yè)面引入three.js實(shí)現(xiàn)3d動(dòng)畫場(chǎng)景操作
這篇文章主要介紹了vue頁(yè)面引入three.js實(shí)現(xiàn)3d動(dòng)畫場(chǎng)景操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了vue接入ts基本方法，關(guān)于ts，也出了很久，下面我們就來簡(jiǎn)單學(xué)習(xí)了下ts并且在原有項(xiàng)目上接入基本ts語(yǔ)法，也算是一個(gè)初級(jí)嘗試，簡(jiǎn)單梳理下基礎(chǔ)的接入配置和已經(jīng)遇到的問題，供需要的小伙伴們參考2022-01-01
本文主要介紹了深入理解vue3中的reactive()，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
vue之?dāng)?shù)據(jù)交互實(shí)例代碼
本篇文章主要介紹了vue之?dāng)?shù)據(jù)交互實(shí)例代碼，vue中也存在像ajax和jsonp的數(shù)據(jù)交互，實(shí)現(xiàn)向服務(wù)器獲取數(shù)據(jù)，有興趣的可以了解一下2017-06-06
這篇文章主要為大家詳細(xì)介紹了Vue3編寫氣泡對(duì)話框組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
本篇文章給大家介紹了vue項(xiàng)目中API接口管理的相關(guān)知識(shí)點(diǎn)，以及相關(guān)JS代碼分析，有興趣的朋友參考下。2018-04-04