npm create vite@latest project-name -- --template react 更改project-name为你的项目名称。 这里我们将项目名称取为Demo项目。 所以我们的命令是: npm create vite@latest demo-project -- --template react 该命令将创建我们的项目文件夹。 注意:这里--template react指定我们正在使用 Vite 创建一个 React App...
首先是 package.json, 需要将 dependencies 中的基础库移到peerDependencies和 devDependencies 中: "dependencies": {"classnames":"^2.3.1"},"peerDependencies": {"react":"^18.2.0","react-dom":"^18.2.0"},"devDependencies": {"react":"^18.2.0","react-dom":"^18.2.0"}//react 版本根据实际需求...
如果想基于 typescript 编程方式， 可以直接修改 template 的值就好了， 改成 react-ts 即可。 我这里使用 npm 7+ 的命令行。 1. 创建最基础的脚手架 npm create vite@latest my-react-app -- --template react 使用 cd my-react-app进入到该目录。 查看目录结构。 2. 进入目录， 安装依赖 这里可以看到...
ReactDOM.createRoot(document.getElementById('root')!).render( <React.StrictMode> <RouterProvider router={router} /> </React.StrictMode> ); 现在你可以享受react router带来的开发便利了! 常规配置 接口代理 // https://vitejs.dev/config/exportdefaultdefineConfig({server:{proxy:{'/api':{target:'h...
npm init @vitejs/app vite-react-ts-antd-starter -- --template react-ts 创建完安装依赖后,运行项目如图: 配置路由 npm i react-router-dom@5.3.0 由于v6目前试用ts提示等有一些问题,避免讲解复杂还是直接简单点用v5版本,用法不变。 首先新建三个页面文件,在src/pages文件夹下新建三个页面 ...
pnpm create vite react-kao-app -- --template react 进入项目安装依赖: cd react-koa-app pnpm i 项目结构如下: image.png 配置vite 修改包的入口配置为 src/main.jsx,而不是根目录下默认的 index.html import{defineConfig}from'vite'importreactfrom'@vitejs/plugin-react'// https://vitejs.dev/config...
React Testing Library: Helps you test UI components in a user-centric way. Tailwind CSS: A utility-first CSS framework for rapid UI development. Getting Started npx degit jihchi/vitejs-template-react-rescript my-vitejs-react-rescript cd my-vitejs-react-rescript npm install npm start Alternative...
npm init @vitejs/app vite-react-ts-antd-starter -- --template react-ts 创建完安装依赖后,运行项目如图: 配置路由 npm i react-router-dom@5.3.0 由于v6 目前试用 ts 提示等有一些问题,避免讲解复杂还是直接简单点用 v5 版本,用法不变。 首先新建三个页面文件,在src/pages文件夹下新建三个页面 ...
使用Vite 启动 React 项目的步骤: 1. 导航到要创建项目的目录: 使用终端中的cd命令导航到要创建项目的目录。例如: cd path/to/your/directory 2. 创建一个 React 项目: 在相同的目录中,运行以下命令使用 React 模板创建一个新的 Vite 项目: npm create vite@latest my-react-app -- --template react ...
mobx/6.x + react + TypeScript 最佳实践 想快速了解 Vite 配置构建的,可以直接跳到 这里 初始化项目 这里我们项目名是 fe-project-base这里我们采用的 vite 2.0 来初始化我们的项目 npm init @vitejs/app fe-project-base --template react-ts 这个时候,会出现命令行提示,咱们按照自己想要的模板,选择对...