cqh963852andCopilot
54990b3dfc
- 文档移至 alin.hu/ 根目录（visit、vite、vite_vanilla_ts、react_ts、react_todo_list） - 图片按板块前缀重命名（html-console.png、vanilla-result.png、react-result2.png 等） - 更新图片引用、交叉链接与 sidebar_position 排序 Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
44 lines
798 B
Markdown
44 lines
798 B
Markdown
---
|
|
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
|
|
```
|