Vite-Vue3-Typescript-Tailwind-Starter

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #go #android #rust #deep-learning #nodejs #macos #awesome-list #security #pytorch #ios

Vite-Vue3-Typescript-Tailwind-Starter

(★ 14)

A Starter Template of Vue 3.Live Preview at https://vite-starter-temp.netlify.app/

Vite-Vue3-Typescript-Tailwind-Starter 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Vue 3 + Typescript + Vite + Tailwind + AnimXYZ

This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Features

- ⚡️ [Vue 3](https://github.com/vuejs/vue-next), [Vite 2](https://github.com/vitejs/vite), - Lightning Fast HMR

- 🗂 [File based routing](./src/views)

- 📦 [Components auto importing](./src/components)

- 🎨 [Tailwindcss](https://tailwindcss.com) - A utility-first CSS framework
- 🎨 [AnimXYZ](https://animxyz.com/) - The first composable
  CSS animation toolkit

- 🔥 Use the new `<script setup>` style

- 🦾 TypeScript, of course

## Recommended IDE Setup

- [VSCode](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar)

## Type Support For `.vue` Imports in TS

Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases, this is fine if you don't care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can enable Volar's `.vue` type support plugin by running the `Vue - Official` from VSCode command palette.

## Try it now!

### GitHub Template

[Create a repo from this template on GitHub](https://github.com/atif0075/Vite-Vue3-Typescript-Tailwind-Starter/generate).

### Clone to local

If you prefer to do it manually with the cleaner git history

```bash
npx degit atif0075/Vite-Vue3-Typescript-Tailwind-Starter
cd Vite-Vue3-Typescript-Tailwind-Starter
yarn
```

Vite-Vue3-Typescript-Tailwind-Starter

Vite-Vue3-Typescript-Tailwind-Starter 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Vite-Vue3-Typescript-Tailwind-Starter

Vite-Vue3-Typescript-Tailwind-Starter 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README