From c85b468f555cb29c5ec200e5284db38d8c56f38a Mon Sep 17 00:00:00 2001 From: alinhu1 Date: Wed, 19 Mar 2025 15:31:31 +0800 Subject: [PATCH] docs: update vite (#23) --- docs/vite/_category_.json | 7 +++++++ docs/vite/vite.md | 35 +++++++++++++++++++++++++++++++++++ 2 files changed, 42 insertions(+) create mode 100644 docs/vite/_category_.json create mode 100644 docs/vite/vite.md diff --git a/docs/vite/_category_.json b/docs/vite/_category_.json new file mode 100644 index 0000000..1db060f --- /dev/null +++ b/docs/vite/_category_.json @@ -0,0 +1,7 @@ +{ + "label": "vite的入门", + "position": 10, + "link": { + "type": "generated-index" + } +} \ No newline at end of file diff --git a/docs/vite/vite.md b/docs/vite/vite.md new file mode 100644 index 0000000..c455074 --- /dev/null +++ b/docs/vite/vite.md @@ -0,0 +1,35 @@ +--- +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 +```