---
sidebar_position: 1
---

# vite的入门
vite 是一个现代化的前端构建工具，旨在提供快速的开发体验和高效的生产构建。

## 什么是vite
访问网站 https://vitejs.cn/vite3-cn/guide/

## 创建vanilla ts工程
### 打开终端
使用快捷键`Ctrl+ ~` 打开终端

### 创建项目
1. 输入以下命令，创建项目
```
npm create vite@latest
```
2. 根据提示，输入名字并选择vanilla，再选择typescript

3. 输入以下命令,进入项目
```
cd vanilla-ts-test
```

4. 输入以下命令安装依赖
```
npm install
```

5. 输入以下命令运行项目
```
npm run dev
```