运行create-vite 命令,选择 react+ts 模板创建项目: 在终端或命令提示符中运行以下命令来创建一个新的 Vite 项目: bash npm create vite@latest 在命令行提示下,输入项目名称并按回车。 接下来,系统会提示你选择框架。选择 react 作为框架。 然后,系统会询问你选择哪种语言。选择 TypeScript。 完成后,create-...
npm create vite@latest(1) 输入项目名,如: vite-react-ts-scss-ant_design ,然后回车 ?Projectname: » vite-react-ts-scss-ant_design(2) 选择React框架,回车 ?Selectaframework: » -Usearrow-keys.Returnto submit.VanillaVue>ReactPreactLitSvelteOthers(3) 选择数据类型,回车 ?Selectavariant: » -...
1. 搭建项目 1.1 create-vite 创建 vite/packages/create-vite at main · vitejs/vite yarn create vite app-client --template react-ts 默认创建的就是 react18 1.2 配置 resolve.alias 配置Vite | Vite 官方中文文档 // vite.config.ts import { defineConfig } from 'vite' import react from '@vite...
2.创建一个新的Vite项目。在命令行中运行以下命令来创建一个新的Vite项目 create-vite my-react-app --template react 创建ts项目 create-vite my-react-app --template react-ts 这将会创建一个名为my-react-app的文件夹,并且基于React模板进行初始化。 3.进入新创建的项目文件夹。在命令行中运行以下命令来进...
react-ts Scaffolding projectinxxxxxxxxxxxxxx Done. Now run: cd vite-project npm install npm run dev 2、项目启动 项目下载完成后,在我们的命令行中是能够看到相关启动命令的提示信息的,根据提示,执行以下命令即可: cd vite-project npm install npm run dev ...
然后输入项目名字 vite-demo 然后选择框架 vue 或 react 默认就是vue3,不支持vue2 然后选择是否使用ts 2、进入项目,安装依赖再运行 cd vite-demo npm i npm run dev 直接选择模板创建 1、创建react项目 npm init vite@latest myreact --template react ...
执行命令npm init vite@latest,根据提示,选择 react : √ Project name: ... my-project ? Select a framework: » - Use arrow-keys. Return to submit. vanilla vue > react preact lit-element svelte ? Select a variant: » - Use arrow-keys. Return to submit. > react react-ts Scaffolding...
除了"vanilla-ts" 模板,Vite 还提供了其他一些模板选项,例如 "vue-ts"(用于 Vue.js 和 TypeScript 开发)和 "react-ts"(用于 React 和 TypeScript 开发),它们分别适用于不同的前端框架和技术栈。 通过选择不同的模板,你可以快速初始化适合特定项目类型的初始结构和配置,从而更高效地开始开发。
vanilla:原生js,没有任何框架集成 vue:vue3框架,只支持vue3 react:react框架 preact:轻量化react框架 lit-element:轻量级web组件 svelte:svelte框架3. 选择不同这里我们选择:react4. 项目创建完成5. 项目结构项目结构非常简单:6. 启动项目进入项目:cd vite-react 安装依赖:npm install 运行项目:npm run dev 或...
所以是建议使用@vitejs/app创建项目,命令不同, 结果都一样: 执行npm init @vitejs/app,会让你输入项目名 然后会让你选择vue、react等模板 vue里面有vue和vue-ts模板,选择vue-ts 进入项目,初始化,就可以启动了。项目什么东西都没有,启动非常快,首页访问也非常快,为了验证vite首次启动慢的问题,引入element-plus...