Configuración Inicial

Vue CLI 🛠

Vue CLI pretende ser la línea base de herramientas estándar para el ecosistema Vue. Asegura que las diversas herramientas de compilación funcionen sin problemas junto con valores predeterminados razonables para que pueda concentrarse en escribir su aplicación en lugar de pasar días discutiendo con las configuraciones. Al mismo tiempo, todavía ofrece la flexibilidad de modificar la configuración de cada herramienta sin la necesidad de expulsarla.

Instalaremos Vue CLI en nuestra maquina.

npx @vue/cli create shopping-app

Una vez creado nuestro proyecto accedemos al directorio desde la consola e iniciamos el mismo con el comando npm serve.

cd shopping-app
npm serve

Esta seria la estructura del proyecto.

shopping-app
├── node_modules 
├── public
│    ├── favicon.ico
│    ├── index.html
├── src
│    ├── assets
│       └── logo.png
│    ├── components
│       └── HelloWorld.vue
│    ├── App.vue
│    └── main.js
├── .gitignore 
├── babel.config.js
├── package.json  
├── README.md   
└── yarn.lock