vite-react-ts-tailwind
v1.0.1
Published
A powerful command-line tool that helps you quickly scaffold a modern React application with TypeScript and Tailwind CSS using Vite.
Readme
Vite React TypeScript Tailwind CLI
A powerful command-line tool that helps you quickly scaffold a modern React application with TypeScript and Tailwind CSS using Vite.
🚀 Features
- ⚡️ Built with Vite for lightning-fast development
- 📘 TypeScript support out of the box
- 🎨 Tailwind CSS integration
- 🔧 Modern development setup
- 📦 Multiple package manager support (npm, yarn, pnpm)
🛠️ Installation
You can use this CLI tool in two ways:
Using npx (Recommended)
npx vite-react-ts-tailwind <project-name>Using npm
npm install -g vite-react-ts-tailwind
vite-react-ts-tailwind <project-name>📦 Usage
Run the command with your desired project name:
npx vite-react-ts-tailwind my-react-appChoose your preferred package manager when prompted (npm, yarn, or pnpm)
Wait for the installation to complete
Navigate to your project directory and start development:
cd my-react-app npm run dev # or yarn dev or pnpm dev
🏗️ Project Structure
The generated project includes:
- Vite as the build tool
- React 18+ with TypeScript
- Tailwind CSS for styling
- Modern project structure
- Development server with hot module replacement
- TypeScript configuration
- ESLint and Prettier setup
🔧 Dependencies
The CLI tool uses the following main dependencies:
chalk: For colorful terminal outputcommander: For CLI argument parsingexeca: For executing commandsfs-extra: For enhanced file system operationsinquirer: For interactive promptstar: For handling template downloads
🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
📄 License
This project is licensed under the ISC License.
