Bash script para Vue.js

vue-init.sh

vue-init.sh es un script para Linux que permite inicializar un proyecto de Vue 3 + Vite instalando las dependencias con pnpm, borrando todo el boilerplate creado por defecto (HelloWorld.vue, TheWelcome.vue, etc.) y creando un par de componentes vacíos, además de un directorio para los archivos CSS dentro de /assets y un archivo .env para las variables de entorno (agregando este archivo a .gitignore para que no sea subido a GitHub).

Para poder usarlo primero deben instalar la versión para Linux de GitHub CLI. Si están usando Windows, antes que nada deben instalar una distro de Linux en Windows mediante WSL. La distro más fácil de usar es Ubuntu (la última versión LTS de Ubuntu, en Junio 2023, es la 22.04).

Y para usar el script es así:

1. Ir al dir /home de Linux, clonar este repositorio, ir al dir del repositorio y autorizar la ejecución del script:

# ir a /home
cd
# clonar el repo
gh repo clone dav-leda/bash-script-for-vue
# ir al dir del repo
cd bash-script-for-vue
# autorizar la ejecución del script
chmod u+x vue-init.sh

2. Luego, en cualquier otro dir que quieran, crean un nuevo proyecto de Vue 3 con pnpm:

pnpm create vue@3

3. Luego de creado el proyecto ejecutan el script (sin cambiar de dir) agregando luego del script el nombre del proyecto que acaban de crear:

~/bash-script-for-vue/vue-init.sh nombre-del-proyecto

4. Una vez instaladas las

Y listo, ya pueden ver el proyecto corriendo en el browser 🥳️