Files
stack/packages/stack-idealjs/practice/alin.hu/vite/vite.md
T
cqh963852andCopilot b487f44cd7 feat: 新增“实践经历”栏目,收录 alin.hu 的全栈入门指南
- 新增 practice docs 实例(路由 /practice)与 sidebarsPractice.ts
- docs/full_guide 迁移至 practice/alin.hu
- 导航栏新增“实践经历”入口
- 修复文档内指向旧 /docs/full_guide 路径的链接

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
2026-08-19 14:48:16 +08:00

798 B

sidebar_position
sidebar_position
1

vite的入门

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

什么是vite

访问网站 https://vitejs.cn/vite3-cn/guide/

创建 vanilla ts 工程

打开终端

使用快捷键Ctrl+ ~ 打开终端

创建项目

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

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

创建vanilla-ts工程

npm create vite@latest vanilla-ts-test -- --template vanilla-ts
  1. 输入以下命令,进入项目
cd vanilla-ts-test
  1. 输入以下命令安装依赖
npm install
  1. 输入以下命令运行项目
npm run dev