umi3查看 “@umijs/preset-react“版本

最新推荐文章于 2023-07-07 16:39:46 发布
最新推荐文章于 2023-07-07 16:39:46 发布
阅读量926 收藏
点赞数
文章标签： react.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33539246/article/details/130358400
版权

umi3在项目初始化时，对于@umijs/preset-react，官方默认安装版本为1.x,如下图：

 

那怎么查看目前可以安装的版本都有哪些？

输入命令：npm view @umijs/preset-react versions

 可用版本这么多，如何升级？

命令：yarn add @umijs/preset-react -S

执行完毕

看包的变化：

 

升级成功！后面就可以放心使用啦~~ 

huamei的小兜兜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
umi-plugin-electron-builder：umi的electron插件
02-17
umi-plugin-电子构建器 本插件参考 安装 仅支持umi3 $ npm i umi-plugin-electron-builder --save-dev 或者 $ yarn add umi-plugin-electron-builder --dev 安装之后会自动生成相关文件 默认安装最新版本的电子 自动生成主进程文件src / main / main.ts 自动在package.json增加 { "scripts" : { "rebuild-deps" : "electron-builder install-app-deps" , "electron:dev" : "umi dev electron" , "electron:build:win" : "umi build electron --win" , "electron:build:m
UmiV4 V3版本请求对比（附AntdProV5&UMI4 请求使用）
最新发布
Cvory
12-27 906
新版UMI4，不再使用，也不通过extend来扩展request。
基于 umijs + electron + ant-design-pro 的项目模板开发代码
03-12
基于 umijs + electron + ant-design-pro 的项目模板开发代码
umi-electron-template:海米电子模板
03-07
海米电子模板 一个基于和的开发模板 特性 架构 基于，享受完整的开发生态； 采用打包工具； 使用Main与Renderer双目录架构； 基于实现DI / IoC 内置功能 样式框架：集成 ； 数据持久化：集成作为本地数据库， 作为ORM； 签名公证：集成的macOS App签名与公证，包含在CI / CD流程中； 开发体验 集成与 ； 基于，实现自动化版本管理与发布； 快速上手 安装 通过git下载这个仓库到本地 然后通过yarn下载安装依赖 yarn 开发 通过以下命令启动渲染进程（默认端口：8051） yarn start 建立 yarn build 构建文件会输出到release目录下： release ├── builder-effective-config.yaml ├── bundled │ ├── home.html │ ├── index.html │ ├─
umijs#plugins#IE兼容性初步解决方案1
07-25
引入对应的polyfill在 master 应用的global.js中引入对应的 polyfill, 如下：在 IE11 上调试如果需要在 Windows 及
umi的安装与环境配置
热门推荐
suisui_niannian的博客
08-18 1万+
umi的安装 1、检查node环境 在cmd命令框里输入node -v 命令，显示的结果有node的版本号就显示有node环境，可以接着安装umi了，如果没有node的版本号则需要自己重新配置环境。 2、安装umi.js cmd命令框输入npm install -g umi （全局安装） 上图为安装成功 3、查看umi版本 cmd命令框输入umi - v 命令可查看umi版本确认是否安装成功 有以上版本号显示的代表umi.js安装完成，并可以使用 4、需要配置环境 如果你..
UmiJS基础&UmiJS+Dva
我本可以
03-20 2590
Umi，中文可发音为乌米，是可扩展的企业级前端应用框架。你可以将它简单的理解为一个专注性能的类 next.js 前端框架，并通过约定、自动生成和解析代码等方式来辅助开发，减少我们开发者的代码量。
umi 3.x版本构建react项目
hzxOnlineOk的博客
04-22 815
快速上手 环境准备 首先得有 node，并确保 node 版本是 10.13 或以上。（mac 下推荐使用 nvm 来管理 node 版本） $ node -v v10.13.0 推荐使用 yarn 管理 npm 依赖，并使用国内源（阿里用户使用内网源）。 国内源 $ npm i yarn tyarn -g 后面文档里的 yarn 换成 tyarn $ tyarn -v 阿里内网源 $ tnpm i yarn @ali/yarn -g 后面文档里的 yarn 换成 ayarn $ ayarn -v
2021-09-23
weixin_51676646的博客
09-23 84
umi3.0配置变化 先安装 @umijs/preset-react “@umijs/preset-react”: “^1.8.24”, import { defineConfig } from 'umi' export default defineConfig({ dva: { immer: true, // 表示是否启用 immer 以方便修改 reducer hmr: true, // 表示是否启用 dva model 的热更新 }, proxy: { '/api
安装umi
lx233
07-07 643
ant-design-pro项目 启动项目npm start提示。当再次启动本地项目npm strat时候就不在提示上面的报错了。3. 运行open命令，打开.bash_profile文件。如果没有.bash_profile文件。，并确保版本是 2.0.0 或以上。4.运行下面命令修改生效。5.再次运行umi -v。(2)查看umi版本号。(1)查看umi命令。问题：# mac系统。
umi-plugin-keep-alive:用于基于React激活的umijs
05-13
umi-plugin-keep-alive 中文说明 | 此 <KeepAlive> 功能基于 在线示例 umi 多 tabs 示例： 使用方法 安装 npm install umi-plugin-keep-alive --save # or yarn add umi-plugin-keep-alive 从 umi 中导出 KeepAlive，包裹在需要被缓存的组件上 import { useState } from 'react' import { KeepAlive } from 'umi' function Counter() { const [count, setCount] = useState(0) return ( <div> <p>count: {count}</p> <button onClick={() => setCount(c
umi安装与使用-不同创建方式对比
浪里个浪的博客
02-02 487
总结umi模板项目创建方式，并对比不同创建方式创建的文件差异
Umi3 简介
qq_31275709的博客
09-18 2882
原文链接：https://juejin.cn/post/6844904197331091464 Umi是蚂蚁金服的底层前端框架，我用这个框架也有一段时间了，但是网上umi相关的文章甚少呀，特别对于是3.x版本，本文就来简单介绍一下umi框架。 从3.0版本开始它们的slogan就改成了插件化的企业级前端应用框架，插件这个概念让整个umi框架的扩展性大大提高，插件让框架支持各种功能扩展和业务需求。可以说插件就是umi的灵魂 官网文档描述Umi的6大特性： ???? 可扩展，Umi 实现了完整的生命周期
linux环境安装node、UMI，解决UMI版本及报错问题
welcome66的专栏
12-22 2608
最近需要安装node和umi，但在执行过程中出现很多坑，记录一下。 1.安装nodeJS # yum install node npm 2.安装yarn # npm i yarn tyarn -g 3.查看yarn版本 # tyarn -v 4.安装umi # tyarn global add umi # yarn global add umi 这时我这里会报错：node版本过低，需要一个高版本才行，于是要更新node到最新稳定版本： 先清除npm缓存 # npm cache
前端项目中react-umi框架的简单用法
lzfengquan的博客
01-26 6070
做完最近项目目发现umi是个好东西，但是没有用过，（目前写的react项目时原生的写法）现在尝试用umi做个简单的项目页面，如果大家有更好的信息技术可以咱们交流一下共同提高。 umi官网地址 ：https://umijs.org/zh-CN/docs/getting-started dva地址： https://dvajs.com/ 先简单了解一下什么是umi： Umi，中文可发音为乌米，是可扩展的企业级前端应用框架。Umi 以路由为基础的，同时支持配置式路由和约定式路由，保证路由的功能完备，并以此进行功能
UMI 创建react目录介绍及配置
陌上花开然不归矣
02-10 2574
1、UMI 创建的react项目介绍 2、UMI的项目配置（路由的3种配置方式） 3、运行时配置 app.ts
【开发】前端工程——ReactJS
努力，奋斗！
03-13 1698
ReactJS:前端开发四个阶段，ReactJS语法，JSX，组件，Model，React框架分类 AntDesign：antd，Tabs，布局，导航菜单，表格 AntDesign Pro：部署和安装，菜单和路由，新增页面，Pro中model执行流程
【UmiJS 3.x入门】
weixin_62198015的博客
11-02 1325
umi定位, umi特点, 搭建umi项目, 路由分类, 新建页面, 页面跳转, 路径传值, 解析路径传值, 请求接口, 使用本地测试数据, 使用umi项目自带的antd-mobile样式库
Umi + AntD Pro 项目搭建
baroncoder的博客
08-25 3481
umi + antd
用 @umijs/preset-react 插件实现 多语言
05-18
@umijs/preset-react 是一个 Umi.js 的 React 预设配置，它提供了多种功能和插件，包括国际化。以下是在 Umi.js 中使用 @umijs/preset-react 实现多语言的步骤： 1. 安装 @umijs/preset-react ```bash npm install @umijs/preset-react --save-dev ``` 2. 在.umirc.ts 或者 config/config.ts 中配置 @umijs/preset-react ```javascript export default { // ... presets: [ [ '@umijs/preset-react', { // 国际化配置 locale: { // 设置默认语言，支持 zh-CN、en-US、ja-JP default: 'zh-CN', // 设置语言资源文件的目录 baseNavigator: true, // 开启后会自动将路径中的语言信息解析到页面组件的 props 中 antd: true, // 开启后会自动引入 antd 所需的语言包 }, }, ], ], // ... }; ``` 3. 创建语言资源文件 在 src/locales 文件夹下创建多个语言资源文件，命名方式为 `{language}.ts`（例如：`zh-CN.ts`、`en-US.ts`），每个文件导出一个对象，对象的键为需要翻译的文本，值为对应的翻译。 ```javascript // src/locales/zh-CN.ts export default { hello: '你好', world: '世界', }; ``` ```javascript // src/locales/en-US.ts export default { hello: 'Hello', world: 'World', }; ``` 4. 在组件中使用翻译 在组件中使用 `umi/locale` 获取当前语言，然后使用 `formatMessage` 方法进行翻译。 ```javascript import React from 'react'; import { formatMessage } from 'umi/locale'; export default () => { const title = formatMessage({ id: 'hello' }) + ' ' + formatMessage({ id: 'world' }); return <h1>{title}</h1>; }; ``` 5. 切换语言 通过 `umi/locales` 中提供的 `setLocale` 方法切换语言。 ```javascript import { setLocale } from 'umi/locale'; // 切换到英文 setLocale('en-US'); ``` 以上就是使用 @umijs/preset-react 实现多语言的步骤。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值