---
sidebar_position: 2
---

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

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

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

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

也可以直接指定模板，跳过交互。创建vanilla-ts工程

创建vanilla-ts工程

```
npm create vite@latest vanilla-ts-test -- --template vanilla-ts
```

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

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

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