搭建第一个 Vite 项目
# npm 7+,需要添加额外的 --:
npm create vite@latest my-vue-app -- --template vue
查看 create-vite 以获取每个模板的更多细节:vanilla
,vanilla-ts
,vue
,vue-ts
,react
,react-ts
,react-swc
,react-swc-ts
,preact
,preact-ts
,lit
,lit-ts
,svelte
,svelte-ts
,solid
,solid-ts
,qwik
,qwik-ts
。
你可以使用 .
作为项目名称,在当前目录中创建项目脚手架。
创建:npm create vite@latestreact-ts-pro -- --template react-ts
第一步,先装一下所有的包:npm i
尝试 run 开启动server,先打开 package.json 看下执行的命令
所以可以执行以下 npm run dev
开启了一个本地的server
Local: http://localhost:5173/
打开后看到 Vite + React,说明我们的项目就跑起来了,它底层的环境就是reacr+ts的环境