davidbc01 / pruebasnuxt

Repositorio para hacer pruebas con el framework Nuxt

Nuxt 3 Minimal Starter

Look at the Nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.

---

Instalación de Tailwind

Ejecutar los siguientes comandos

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init

Añadir al archivo nuxt.config.js este contenido

postcss: {
    plugins: {
      tailwindcss: {},
      autoprefixer: {},
    },
  },

Añadir al archivo tailwind.config.js este contenido

content: [
    "./components/**/*.{js,vue,ts}",
    "./layouts/**/*.vue",
    "./pages/**/*.vue",
    "./plugins/**/*.{js,ts}",
    "./app.vue",
    "./error.vue",
  ],

Crear un nuevo directorio con el archivo main.css en ./assets/css/main.css con el siguiente contenido

@tailwind base;
@tailwind components;
@tailwind utilities;

Modificar de nuevo el archivo nuxt.config.js con este contenido

css: ['~/assets/css/main.css'],

---

Para la creación de los proyectos con este framework ejecutar este comando (o ver la docu):

npx nuxi@latest init PruebasNuxt

---

Instalación de Flowbite

Ver proceso de para instalar en la página oficial.