Tailwindcss ជាមួយ Vue CLI

យើងបានសិក្សារួចហើយអំពីតំឡើង Vue cli រួចហើយ។ ហើយនេះរៀនអំពីតំឡើង tailwindcss នៅក្នុង vue cli របស់យើងវិញម្តងហើយនេះគឺវាវែបសាយ tailwindcss.com ។

Install

បន្ទាប់ពី install project vue cli រួចមកចូលទៅវែបសាយ tailwindcss មើលការណែនាំរបៀប install។

ចូលទៅក្នុង Framework Guides => Vite => Using Vue ។ សូមមើលការណែនាំរបស់វា

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

នៅក្នុងចំណុចទី៤ Add the Tailwind directives to your CSS សូមបង្កើត file នៅក្នុង src => assets => file tailwindcss.css រួចហើយ past

បន្ទាបពី past រួចហើយយើងត្រូវ import file tailwindcss.css ទៅក្នុង main.js

import './assets/tailwindcss.css'

រួចហើយនៅក្នុង file App.vue custom មើលថាវាដើរឬមិនដើរ