refactor: 扁平化 practice/alin.hu 目录,去除子文件夹
- 文档移至 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>
This commit is contained in:
1 parent
6ddf800f87
commit
54990b3dfc
16 files changed
+13
-41
No files matched your search
@@ -0,0 +1,43 @@
|
||||
---
|
||||
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
|
||||
```
|
||||
Reference in new issue
Block a user