Nuxt Vite -- HMR so fast it'll make your head spin!
- Clone this repo and in your project root, install deps:
- Install deps:
npm i # or yarn
If using yarn, may want to disable the npm postinstall script (by changing it to "postinstallx") since yarn workspaces have been set up.
- Start Nuxt.
npm run dev:nuxt # or yarn dev:nuxt
- Start Vite. (a separate terminal)
npm run dev:vite # or yarn dev:vite
- Start both at once:
npm run dev # or yarn vite
NUXT will be running on port 3000. http://localhost:3000 Vite will be on port 3001. http://localhost:3001
Customize the scripts as you see fit. It'll try to auto-open to the browser to the app's URL. For linux, the command is "xdg-open [URL]", darwin it's "open [URL]", and win32, it's "cmd /c start [URL]"
Just edit your Nuxt stuff like you normally do! pages, components, assets, static files. They're all sym linked to the vite project! So what you do in Nuxt will mostly be seen in Vite. However, what's not in the Vite repo is the Nuxt context, so it's better for rapidly developing components in isolation, and then checking back on the Nuxt screen when you need it to work there.
Vite is so spanking new, it's probably the most awesome thing to happen to the Vue dev experience. However, with new stuff also comes that "experimental feel". Expect pain points, but if you want to be a part of something awesome, this is it.
Copyright (c) Richard Schloss