This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.
-
Tener un proyecto vite creado
-
Crear un nuevo repositorio en su github
- El nombre del respositorio será el nombre de la ruta
-
Subir proyecto vite al repositorio creado
-
Agregar la llave base al archivo vite.config.js que esta en la raiz del proyecto
export default defineConfig({
base: '/nombre_repositorio/', //línea agregada
plugins: [vue()]
})- Compilamos nuestro proyecto vite para producción con el comando:
- npm run build- Agregamos nuestra carpeta build generada con el comando anterior a nuestro repositorio con el comando:
- git add dist -f
- git commit -m "adding dist"
- git subtree push --prefix dist origin gh-pages- Listo, vamos a Settings de nuestro repositorio, luego en pages y abrimos la url.
Su página debería visualizarse en el navegador.