Шаблон для проекта на Nuxt + TypeScript + Tailwind CSS

Стек шаблона

• Nuxt: Vue-фреймворк для создания веб-приложений;
• TypeScript: расширение JavaScript, добавляющее типизацию кода для безопасности разработки;
• Sass (SCSS): препроцессор CSS, добавляющий возможности удобного написания стилей при разработке;
• Tailwind CSS: CSS-фреймворк, эффективно стилизующий вёрстку через готовые и гибкие CSS-классы;
• ESlint: линтер и форматировщик JSX/TSX кода;
• Stylelint: линтер для стилей;
• Husky: инструмент для управления Git-хуками;
• Commitizen: инструмент для создания согласованных коммитов.

Структура проекта

• .husky: папка для хранения Git-хуков;
• public/: папка для статических медиафайлов;
• server/: папка для серверных API-запросов;
• src/: папка с компонентами, лейаутами, страницами, утилитами, стилями и прочими файлами веб-приложения;
• .gitignore: файл для указания файлов и папок, которые должны быть проигнорированы системой контроля версий Git;
• .stylelintignore: файл для указания файлов и папок, которые должны быть проигнорированы;
• app.vue: корневой файл веб-приложения;
• eslint.config.mjs: определяет правила и настройки для ESlint;
• nuxt.config.ts: файл конфигурации для Nuxt;
• package.json: файл со списком зависимостей проекта и скриптами для запуска задач;
• stylelint.config.mjs: конфигурационный файл для Stylelint;
• tailwind.config.mjs: конфигурационный файл для Tailwind CSS;
• tsconfig.json: конфигурационный файл для TypeScript в проекте.

Скрипты

Установка проекта

npm i

Запуск в режиме разработки

npm start

Сервер запускается на http://localhost:3000 по умолчанию.

Запуск линтеров (можно и по отдельности)

npm run check

Оформление Git-коммитов

npm run commit

Сборка продакшена

npm run build

Превью продакшен-сборки

npm run preview