要使用Vite创建一个React项目,你需要按照以下步骤操作: 1、确保你已经安装了Node.js(建议使用最新的稳定版本)。 2、 使用npm命令安装Vite CLI工具,再来创建项目 代码语言:javascript 复制 npm create vite@latest my-vite-app 3、运行上述命令后,按照提示选择“create-react-app”模板创建项目。 4、输入项目名称,例...
项目地址:https://github.com/whylisa/vite-react-template-typescript 技术栈前瞻 模版:使用的是vite的官方模版 react 17+ typescript 4+ yarn create vite why-react --template react-ts less: 项目中less文件的命名都要以module.less 结尾 yarn add less git 代码提交校验, yarn add yorkie lint-staged -...
搭建vite+react 项目 一、初始化项目 yarn create vite// 初始化 (根据提示,确定项目名称、选择框架react、选择react还是react-ts ) cd项目名称// 进入项目根目录 yarn// 安装依赖包 yarn dev// 运行 注释:项目初始化后src中的目录很简单,自己可以按照自己的风格设置子目录结构,例如下面: 二、配置 打开根目录,...
yarn global add create-vite 运行create-vite 命令,选择 react+ts 模板创建项目: 在终端或命令提示符中运行以下命令来创建一个新的 Vite 项目: bash npm create vite@latest 在命令行提示下,输入项目名称并按回车。 接下来,系统会提示你选择框架。选择 react 作为框架。 然后,系统会询问你选择哪种语言。选...
安装Vite npm install -g vite #yarn global add vite 创建React项目 vite create my-react-app --template react-ts 安装React Router npm install react-router-dom @t
搭建第一个 Vite 项目 参考:vite官网 请先安装node,vite需要node18+,推荐使用nvm来管理你的node版本。我使用的是pnpm包管理工具,你可以用你自己喜欢的包管理工具创建基础模板项目,本实例演示的是基于typescript的react模板 pnpmcreatevitemy-react-app--templatereact-tscdmy-react-apppnpmi ...
一、使用 Vite 创建 React+TS+SW 项目 1.新建一个 temp 文件夹 (1)在桌面新建一个 temp 文件夹,然后在 VS Code 中打开此文件夹,打开一个终端; 2.创建一个 Vite 项目工程 (1)具体操作如下: npm create vite@latest(1) 输入项目名,如: vite-react-ts-scss-ant_design ,然后回车 ...
项目依赖锁定文件。防止依赖自动升级,导致项目无法启动 tsconfig.json 项目的ts配置文件,针对src下面的所有ts文件生效。 tsconfig.node.json 项目的ts配置文件,针对vite.config.ts文件。 vite.config.ts vite构建工具的配置项,在这里可以使用一些第三方插件,做一些项目的配置。
一、让vite做路径解析 1、安装第三方Node包 npm i @types/node -D 2、配置别名路径 image.png import{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'importpathfrom'path'// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[react()],resolve:{alias:{'@':path.resolve(__di...