Ember TS Tailwind Vite Template

This is a template for quickly setting up a new Ember project with TypeScript, Tailwind CSS, Vite, and Ember-Broider. You can either clone the pre-configured project or use the provided shell script to set up a new project.

Prerequisites

You will need the following things properly installed on your computer.

• Git
• Node.js (with npm)
• Ember CLI (version 6.2)

What This Setup Includes:

• Ember-Broider
• TypeScript
• Vite
• Tailwind CSS (v4)

Option 1: Clone the Pre-configured Project

1. Clone the repository:

   git clone https://github.com/macTracyHuang/ember-ts-tailwind-vite-template.git
   cd ember-ts-tailwind-vite-template/myproject
   

2. Install dependencies:

   npm install
   

3. Run the Ember project with rebuilding:

   npm exec vite
   

Option 2: Use the Setup Shell Script

1. Clone the repository:

   git clone https://github.com/macTracyHuang/ember-ts-tailwind-vite-template.git
   cd ember-ts-tailwind-vite-template
   

2. Make the script executable:

   chmod +x setup-ember-project.sh
   

3. Run the script with your desired project name (or use the default myproject):

   ./setup-ember-project.sh customprojectname
   

References:

• ember-vite-codemod
• ember-apply
• Ember.js Discord Community