You're looking v1 documents. For newest contents, see  v2.x document.

Templates

The Tailwind CSS jit mode pre built-in template that can help you setup developing environment quickly and easily.

There are full list of templates:


Vanilla-JS in Vite BETA

Use flag --pure to create project with vanilla-js in vite.

npm init vitawind-v1 {project-name} -- --pure
1

After creating project, you need:

cd {project-name}
npm install
npm run dev
1
2
3

Vue in Vite

Use flag --vue to create project with vue in vite.

npm init vitawind-v1 {project-name} -- --vue
1

After creating project, you need:

cd {project-name}
npm install
npm run dev
1
2
3

Typescript for Vue

To create project with typescript for vue in vite, use flag --vue-ts.


React in Vite

Use flag --react to create project with react in vite.

npm init vitawind-v1 {project-name} -- --react
1

After creating project, you need:

cd {project-name}
npm install
npm run dev
1
2
3

Typescript for React

To create project with typescript for react in vite, use flag --react-ts.


Vue-CLI

Use flag --vuecli to create project with Vue-CLI 4.

npm init vitawind-v1 {project-name} -- --vuecli
1

After creating project, you need:

cd {project-name}
npm install
npm run serve
1
2
3

Vue-CLI 5 BETA

Vue-CLI 5 builds on postcss 8 that is more better than Vue-CLI 4 to develop with Tailwind CSS. To create project with Vue-CLI 5, please use flag --vuecli5.


Create React App

Use flag --cra to create project with Create React App.

npm init vitawind-v1 {project-name} -- --cra
1

After creating project, you need:

cd {project-name}
npm install
npm start
1
2
3

Angular

Use flag --ng to create project with Angular CLI.

npm init vitawind-v1 {project-name} -- --vue
1

After creating project, you need:

cd {project-name}
npm install
npm start
1
2
3