crear aplicacion vue

 

1. Crear el proyecto Vue (Vite)

Abre una terminal en la carpeta donde quieras tener tu frontend y ejecuta:

Bash

npm create vite@latest proyecto-frontend -- --template vue

Luego, entra en la carpeta e instala las dependencias:

Bash

cd proyecto-frontend
npm install

2. Instalar herramientas clave
Para este proyecto necesitaremos Tailwind CSS (para el diseño) y Axios (para llamar a tu API de Java).
Instalar Tailwind:
Bash
npm install -D tailwindcss postcss autoprefixer(No olvides configurar el archivo tailwind.config.js agregando ./index.html y ./src/**/*.{vue,js} en la sección content).
npm install @tailwindcss/postcss

crear manualmente en la raiz del proyecto los sgts 2 archivos:
tailwind.config.js

con el sgt contenido:
/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

y postcss.config.js
con el sgt contenido:
export default {
  plugins: {
    '@tailwindcss/postcss': {},
    autoprefixer: {},
  },
}

Importante: El paso final de Tailwind
Una vez creados los archivos (ya sea por comando o manualmente), debes importar Tailwind en tu CSS principal.
Ve a src/style.css (o crea uno) y reemplaza todo el contenido por estas tres líneas:
CSS
@tailwind base;
@tailwind components;
@tailwind utilities;
Instalar Axios:
Bash
npm install axios