cqh963852andCopilot
b487f44cd7
- 新增 practice docs 实例（路由 /practice）与 sidebarsPractice.ts - docs/full_guide 迁移至 practice/alin.hu - 导航栏新增“实践经历”入口 - 修复文档内指向旧 /docs/full_guide 路径的链接 Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
44 lines
798 B
Markdown
44 lines
798 B
Markdown
---
|
|
sidebar_position: 1
|
|
---
|
|
|
|
# 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
|
|
```
|