create-vite-vue-spa-template

Starter scaffold for small browser-only tools built with Vue 3, Vite, Tailwind CSS, and DaisyUI.

The CLI uses prompts for interactive setup when you do not pass all values on the command line.

The generated app keeps the same delivery model as your reference project:

• no backend
• Vite dev server during development
• vite-plugin-singlefile for an inlined production build
• output renamed to your-app-name-your-version.html

Usage

Published package:

npx create-vite-vue-spa-template my-static-app

Local development from this repo:

node ./bin/create-vite-vue-spa-template.js my-static-app

Optional flags:

npx create-vite-vue-spa-template my-static-app --title "My Static App" --description "A browser-only utility"

If you omit values, the CLI will ask for them interactively.

Generated project

The scaffolded app includes:

• Vue 3 + Vite
• Tailwind CSS + DaisyUI
• ESLint with Vue recommended rules
• single-file production output via vite-plugin-singlefile
• version injection with __APP_VERSION__
• starter src/components and src/composables directories wired into src/App.vue

Workflow

After scaffolding:

cd my-static-app
npm install
npm run dev
npm run lint
npm run build

The production file is written to dist/<package-name>-<version>.html.

Publish

To make this available through npx create-vite-vue-spa-template, publish this package to npm under the same name.