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
After creating project, you need:
cd {project-name}
npm install
npm run dev
2
3
Vue in Vite ¶
Use flag --vue
to create project with vue in vite.
npm init vitawind-v1 {project-name} -- --vue
After creating project, you need:
cd {project-name}
npm install
npm run dev
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
After creating project, you need:
cd {project-name}
npm install
npm run dev
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
After creating project, you need:
cd {project-name}
npm install
npm run serve
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
After creating project, you need:
cd {project-name}
npm install
npm start
2
3
Angular ¶
Use flag --ng
to create project with Angular CLI.
npm init vitawind-v1 {project-name} -- --vue
After creating project, you need:
cd {project-name}
npm install
npm start
2
3