# vite-vue3-ts-setup

**Repository Path**: lukexxl/vvts

## Basic Information

- **Project Name**: vite-vue3-ts-setup
- **Description**: 一个学习Vue的例子，直接上 Vue3，TypeScript 语言（不是很严格执行，有些也还是JS），使用 Vite2 创建，全程使用 setup 语法糖（有时候也不是很方便，因为没有 this），这个例子写得比较烂，通过他可以学习一些基本处理方法，但是必须改进，适合学习基础的东西，有 Vue2 基础的没有必要看，学习视频
https://www.bilibili.com/video/BV1QU4
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-30
- **Last Updated**: 2022-04-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Typescript + Vite

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.

## Recommended IDE Setup

- [VSCode](https://code.visualstudio.com/) + [Volar](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 really 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 `Volar: Switch TS Plugin on/off` from VSCode command palette.