vitesse VS vite-vue3-tailwind-starter

The docs help but also look at vitesse template - that helped me a lot to figure out usage and the author of the template is one of the contributors of unplugin.

I highly recommend to try Vitesse at least just to see state-of-the-art Vue/Vite features available out there

Although, I think admin templates are overrated, a setup template is a lot more useful, check out: https://github.com/antfu/vitesse

Nice template bringing it all together: https://github.com/antfu/vitesse

Vitesse

Im using vitesse boilerplate (https://github.com/antfu/vitesse) which has in my opinion standard project structure:

antfu/vitesse is a great starter for vue similar to nuxt 3 (spa mode). It does auto import, file based routing, etc.. demo here

I started with this one https://github.com/web2033/vite-vue3-tailwind-starter and modified it to suit my own needs. Replaced Tailwind with Windi (faster, fewer dependencies).

#! /usr/bin/env node const inquirer = require('inquirer'); const shell = require('shelljs'); const path = process.cwd(); const { questions, questionsTs } = require('./utils/questions.js'); inquirer.prompt(questions).then((answers) => { if (answers.framework === 'React') { inquirer.prompt(questionsTs).then((answersTs) => { if (answersTs.typescript === 'Yes') { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/GKaszewski/react-tailwind-typescript-template ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( '👨‍💻 Successfully installed all the required dependencies\nHappy hacking 🚀' ); } else { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/YashKumarVerma/react-tailwind-template ${answers.projectName}` ); console.log('🛠️ Successfully build the required files'); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( '👨‍💻 Successfully installed all the required dependencies\nHappy hacking 🚀' ); } }); } else if (answers.framework === 'NextJS') { inquirer.prompt(questionsTs).then((answersTs) => { if (answersTs.typescript === 'Yes') { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/avneesh0612/next-starter ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( '👨‍💻 Successfully installed all the required dependencies\nHappy hacking 🚀' ); } else { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/Neeraj1005/Nextjs-tailwind-template ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( '👨‍💻 Successfully installed all the required dependencies\nHappy hacking 🚀' ); } }); } else if (answers.framework === 'Svelte') { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/jhanca-vm/Svelte-Tailwind ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( '👨‍💻 Successfully installed all the required dependencies\nHappy hacking 🚀' ); } else { shell.exec(`mkdir ${answers.projectName}`); shell.exec( `git clone https://github.com/web2033/vite-vue3-tailwind-starter ${answers.projectName}` ); shell.cd(`${path}/${answers.projectName}`); shell.exec(`npm i`); console.log( '👨‍💻 Successfully installed all the required dependencies\nHappy hacking 🚀' ); } });

i don't know goormide what based? (monaco, ace) but most front-end developers move from css to tailwind(with vue)! when goormide support tailwind(lsp)? we want this powerfull ide does supporting tailwin and vue together! https://github.com/web2033/vite-vue3-tailwind-starter

Got it working with Vue, but should be similar in Svelte

Starter template - https://github.com/web2033/vite-vue3-tailwind-starter

This project was created using the Vue.js 3 and Tailwind CSS Starter kit, located here.