运行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...
在Vite 项目中配置@路径提示: 2.1安装 node 的类型声明 npm i -D @types/node 2.2 配置 vite.config.ts // 1. 以 ES6 模块化的方式,从 Node 的 path 模块中,导入 join 函数 import { join } from 'path' // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], //...
步骤1:创建项目 首先,使用npx创建一个新的 Vite 项目,并选择 React + TypeScript 模板: npx create-vite@latest my-react-app ---templatereact-ts 步骤2:进入项目目录 cdmy-react-app 步骤3:安装依赖 安装ESLint、ESLint 插件、Prettier 和 Vite 插件: npm...
然后输入项目名字 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 ...
react-ts Scaffolding projectinxxxxxxxxxxxxxx Done. Now run: cd vite-project npm install npm run dev 2、项目启动 项目下载完成后,在我们的命令行中是能够看到相关启动命令的提示信息的,根据提示,执行以下命令即可: cd vite-project npm install npm run dev ...
执行命令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 开发),它们分别适用于不同的前端框架和技术栈。 通过选择不同的模板,你可以快速初始化适合特定项目类型的初始结构和配置,从而更高效地开始开发。
所以是建议使用@vitejs/app创建项目,命令不同, 结果都一样: 执行npm init @vitejs/app,会让你输入项目名 然后会让你选择vue、react等模板 vue里面有vue和vue-ts模板,选择vue-ts 进入项目,初始化,就可以启动了。项目什么东西都没有,启动非常快,首页访问也非常快,为了验证vite首次启动慢的问题,引入element-plus...