npm create vite@latest my-react-app -- --template react 使用 cd my-react-app进入到该目录。 查看目录结构。 2. 进入目录， 安装依赖 这里可以看到目录的结构， 先不做任何的操作， 直接使用 npm install直接安装对应的依赖。 3. 加入 antd 的最新依赖包 npm install --save antd@5.x 现在最新版本的...
$ npm install mobx mobx-react babel-preset-mobx --save .babelrc { "presets": ["@babel/preset-env", "@babel/preset-react", "mobx"] } src/store.js 在src目录下新建store.js import { observable, action, makeObservable } from "mobx"; class Store {constructor() { makeObservable(this); }...
VITE_HOST_URL = https://reqres.in/api/ 现在,你可以执行npm installoryarn 上述命令执行完毕后,npm run start启动你的应用看看效果吧~ 结尾 Vite 看起来非常高效且快速,比 CRA 节省了更多的时间。不妨试试将你的 React 应用迁移到 Vite。
npm install vite -g 使用 npminitvite@latest//选择react(windows使用gitbush无法选择时,使用cmd执行) 安装完成之后运行: cd vite-project npm install npm run dev image.png 可以配置.env的开发环境、测试环境、生产环境 image.png 配置路径别名vite.config.js import{defineConfig}from'vite'importreactfrom'@vi...
import { Routes, Route, Navigate, Outlet } from 'react-router-dom'; 注释:以上的outlet组件只是一个插座,并不能独立显示父组件内容;以下可以解决这个问题: 四、接口统一配置 (1) 安装axios: yarn add axios 或 npm install axios --save (2) 新建一个axios.config.js文件(将被引入api文件中); ...
cd my-react-app 4.最后,运行以下命令来安装项目依赖 npm install 或 yarn 5.启动 npm run dev 如何设置路径别名 1.增加alias // vite.config.jsimport{defineConfig}from'vite';exportdefaultdefineConfig({resolve:{alias:{'@':'/src',},}}); ...
简介:【8月更文挑战第13天】使用vite搭建一个React项目!真香! 环境配置 前端的一些大型项目都使用脚手架开发,脚手架需要借助node环境。 终端输入node -v即可查看当前node版本。 如果电脑没有node环境,必须进行安装。 构建工具与脚手架 构建工具 前端的脚手架工具都会依赖底层的构建工具,构建工具运行才node.js环境里、...
一、vite创建react项目 要使用Vite创建一个React项目,你需要按照以下步骤操作: 1、确保你已经安装了Node.js(建议使用最新的稳定版本)。 2、 使用npm命令安装Vite CLI工具,再来创建项目 代码语言:javascript 复制 npm create vite@latest my-vite-app 3、运行上述命令后,按照提示选择“create-react-app”模板创建项目...
在浏览器中打开 dist 目录下的 index.html,如果一切正常,你应该能看到以下文本:'React' index.html 目前放在 dist 目录下,但它是手动创建的,下面会教你如何生成 index.html 而非手动编辑它。 Vite 核心功能 热更新 $ npm install @vitejs/plugin-react-refresh --save-dev vite.config.js import reactRefresh...
npminit@vitejs/app 然后根据指引一步步选择react + ts 2.css预处理器的配置 Vite 提供了对.scss,.sass,.less,.styl和.stylus文件的内置支持。没有必要为它们安装特定的 Vite 插件,但必须安装相应的预处理器依赖。 这里我就使用了sass: #.scssand.sassnpminstall-Dsass ...