Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup documentation to learn more.

Recommended IDE Setup

• VS Code
• Volar
• TypeScript Vue Plugin (Volar)
• Vetur (for Vue 2 projects)

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Install AOS (Animate On Scroll)

AOS is used in this project to add smooth scroll animations to elements when they appear on screen.

npm install aos

Install Tailwind CSS

Tailwind CSS is used in this project for utility-first styling.

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint