Поиск по сайту

Повна документацiя на офiцiйному сайтi. [EN] 1) Нам потрiбно завантажити та встановити Node.js 2) Перейти до консолi 3) Зазвичай він використовується у зв'язку з якимось проектом, наприклад Vite, або PrimeVue 4) В консолi ввести: npm install -D tailwindcss postcss autoprefixer 5) Згенерувати конфігураційні файли, пишемо npx tailwindcss init -p Ось вони: 6) Тепер нам потрiбно вiдкрити до редагування файл tailwind.config.js, та внести ось такi змiни "./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}" 7) Далi вiдкрити файл style.css, та додати ось такi змiни @tailwind base; @tailwind components; @tailwind utilities; 8) Якщо ви вперше розгортаєте проект, вам може знадобиться пiдтянути залежностi npm i 9) Останнiй шаг це запуск проекту! npm run dev В мене вийшло!) Як пiдключити tailwind до OpenCart робочого проекту , за допомогою CDN? (офiцiйний сайт) Нашi проекти!

Якщо на комп'ютерi ще не встановлено node.js його потрiбно завантажити з офсайту та встановити як звичайний додаток. Короткий посібник: 1) Спершу потрiбно вiдкрити консоль, та перейти до проекту наприклад, cd D:\xampp\htdocs\www\multiedit-pro\ 2) Переходимо до розгорнування проекту, вводимо в консолi: npm create vite@latest 3) Назва проекту: Якщо на цьому етапi ви розгортаєте новий чистий проект, то можна вказати його назву. Але в нашому випадку, для роботи поряд з CMS OpenCart замiсть назви, потрiбно поставити крапку тодi з'явиться запитання, i вам потрiбно буде: 3) Обрати Ignore files and continue, щоб залишити вже iснуючi файли. 4) Обрати шаблон я обираю Vue. 5) Обрати налаштування наприклад JavaScript Готово! 6) Для подальшої роботи підтягуємо залежнi модулi npm i ...тут буде багато iнфи) А ось i результат: Проект створили, та рушiй ocStore не зачепили! (Вiн знаходиться в папцi upload). А тепер можна й подивитись на результат, та отримати крапельку дофаміну: npm run dev, або npm run preview! Офiцiйний сайт Vite!