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>
798 B
798 B
sidebar_position
| sidebar_position |
|---|
| 2 |
vite的入门
vite 是一个现代化的前端构建工具，旨在提供快速的开发体验和高效的生产构建。
什么是vite
访问网站 https://vitejs.cn/vite3-cn/guide/
创建 vanilla ts 工程
打开终端
使用快捷键Ctrl+ ~ 打开终端
创建项目
- 输入以下命令，创建项目
npm create vite@latest
- 根据提示，输入名字并选择 vanilla，再选择 typescript
也可以直接指定模板，跳过交互。创建vanilla-ts工程
创建vanilla-ts工程
npm create vite@latest vanilla-ts-test -- --template vanilla-ts
- 输入以下命令,进入项目
cd vanilla-ts-test
- 输入以下命令安装依赖
npm install
- 输入以下命令运行项目
npm run dev