vite-project Tailwind Templates

Vite Project

vite + Nuxt + Vuetify3 + Tailwind Css + TypeScript

vite + Nuxt + Vuetify3 + Tailwind Css + TypeScript

手順

  1. viteでNuxtプロジェクト作成
    1. https://ja.vitejs.dev/guide/
  2. Vuetify3のインストール
    1. https://zenn.dev/coedo/articles/nuxt3-vuetify3
  3. Tailwindのインストール(効いてないな…)
    1. https://tailwindcss.com/docs/guides/vite#vue
  4. TypeScriptのセットアップ

参考

以下、オリジナル


Nuxt 3 Minimal Starter

Look at the Nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install

Development Server

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

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Check out the deployment documentation for more information.

Top categories

Loading Svelte Themes