antd pro react项目 umi dev 修改默认端口号mac和windows

已于 2022-03-29 09:28:31 修改
阅读量1.9k 收藏 1
点赞数
分类专栏： react 文章标签： react.js javascript 前端
于 2022-03-29 09:22:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hzxOnlineOk/article/details/123812004
版权

windows

"dev": "set PORT=8081 && npm run start:dev", // 8081生效
"start": "set PORT=8080 && umi dev", // 8080不生效

正确的写法是

"dev": "set PORT=8081 && npm run start:dev",
"start": "umi dev",

mac版

需要安装cross-env
npm install cross-env  --save-dev

"start": "cross-env PORT=8081 umi dev"
hzxOnlineOk
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
如何修改React的端口号
yaya的博客
09-03 3188
修改react端口号的两种方法
umi-dva-antd-mobile-starter:Umi3.js和Ant Design Mobile入门
04-29
umi-dva-antd-mobile-starter 开始使用Umi.js和Ant Design Mobile。入门安装依赖项。 yarn 启动开发服务器。 yarn start 精简生产。 yarn build 精打细算为发展而建设。 yarn dev执照麻省理工学院
umi设置项目端口号
往事随风
08-18 2883
umi设置项目端口号
umi设置启动端口号
放羊的小孩
03-07 1650
umi项目设置项目启动端口号
基于Umijs框架的人脸识别系统的服务端口号的更改方法
最新发布
weixin_70208651的博客
06-18 658
Umi 是一个功能强大、易于使用的企业级React应用框架，它为开发者提供了项目构建、开发、测试、部署等全方位的支持。Umi 的设计理念是模块化和插件化架构，开发者可以灵活地扩展 Umi 的功能，以适应不同的项目需求。UmiJS通过插件化、开箱即用、约定式路由等特性，简化了React应用的开发过程，提高了开发效率。UmiJS还支持高性能、静态页面导出、一键兼容IE9、TypeScript等功能。默认启动端口是8000，要改成其他端口比较麻烦，但可通过更改ackage.json的start选项中的端口实现。
ant design pro修改默认端口号 Windows系统下或者Mac系统下的ant design pro修改默认端口号 改变较高版本的ant design pro默认打开的端口号
念兮为美
08-09 1880
今天启动ant design Pro项目时，发现其打开的端口号是8000。8000端口号和我后端的spring boot项目冲突了，于是，想要修改ant design Pro默认的端口号。一开始使用--port=1234的方式去修改，发现并没有真的修改成功，于是采用新的方式来修改，新的方式分为Windows系统和Mac系统。...............
react项目启动加载过程个人笔记(Ant Design Pro)
BHSZZY的博客
01-04 3483
1.项目启动后，会先加载。（PS：菜鸟教程说，manifest.json 指定了开始页面 index.html，一切的开始都从这里开始，所以这个是代码执行的源头；但是Ant Design Pro项目里开始页面并没有在这里指定…）2.项目启动后，会打开。（可以修改默认启动端口，例如修改的启动命令为）3.项目会加载config.js，其中引入了；因为在里配置了，因此父页面就是4.在里配置了，以及，因此会重定向到，此时父页面是，子页面是5.父页面里有{children}，这个就可以让子页面显示出来。6.
umi-dva-antd-starter:Umi3.js和Ant Design入门
05-12
umi-dva-antd-starter 开始使用Umi.js和Ant Design。入门安装依赖项。yarn 启动开发服务器。yarn start 精简生产。yarn build 精打细算为发展而建设。yarn dev执照麻省理工学院
umi2-dva-antd-starter:Umi2.js和Ant Design入门
05-15
umi2-dva-antd-starter 开始使用Umi.js和Ant Design。 入门 安装依赖项。 yarn 启动开发服务器。 yarn start 精简生产。 yarn build 精打细算为发展而建设。 yarn dev 执照 麻省理工学院
umi-switchTheme:umi和antd切换主题
05-15
总的来说，"umi-switchTheme"项目展示了如何结合umi框架和Ant Design的特性，实现在React应用中轻松切换主题的功能。通过理解JavaScript、CSS Variables、umi的插件系统以及前端的状态管理，开发者可以为用户提供...
umi-dva-typescript-mock：基于umi + dva +打字稿+模拟+ antd的React框架，内置PWA
02-05
基于umi + dva + typescript + mock的React框架 介绍 一个开发框架，目前包含工具+路由，已经包含了react，redux，router，不包含数据和视图。 基于 ， 和的轻量级前端框架。 JS的强类型版本 UI库任选或 用做代码...
修改端口号
11-07
批处理修改远程桌面端口号，不需要到注册表寻找与修改。
react umi 修改默认端口
hqin_520的博客
03-18 8171
作为一个前端，居然被一个端口号给为难了，这不能忍。其实此前一直对package.json的理解不是很透彻，所以这次就详细的查看一些文档，记录一下。 package.json 的作用 它包含了整个项目所依赖的模块以及项目的配置信息。 package.json 的属性 ...
React 如何修改端口号
framic的博客
04-05 1万+
在根目录 package.json文件中 修改 scripts中的start键值对为 "start": "set PORT=3000&&roadhog server",
改变 ant design pro 的默认打开的端口号
luzhaopan的博客
09-20 1万+
npm run start 之后会默认打开一个页面，默认的端口号是8000，想改变这个默认端口，换成自己的其他的端口，找到 package.json 文件，加上其他端口号  --port=8009 ，如图所示： ...
使用 UmiJs 中的 ant-design-pro 开发系统，配置自己的接口 和 路由
冲锋
08-11 4595
文档地址参考，以下信息都是项目模板已初始化完毕，项目启动如下 1. 关闭 国际化 开发 1. 执行 npm run i18n-remove 2. 删除 src 下的locales 包 2. 配置接口环境，不说了，只不过，这个define 需要添加到 config 文件夹下， 配置方法同上篇文章 3. 配置自己的开发接口地址 在config 文件夹下，修改 config.js ...
AntDesignPro修改默认端口号
热门推荐
Front end development engineer
07-09 2万+
"lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src", "lint:prettier": "prettier --check \"src/**/*\" --end-of-line auto", "lint:style": "stylelint --fix \"src/**/*.less\" --syntax less", "precommit": "lint-staged", ...
antd pro react项目 umi dev 修改默认端口号方法
谨言不言☞博客
11-14 1439
antd pro react项目 umi dev 修改默认端口号方法 "start": "set PORT=2020 && umi dev",
dva修改端口
yueguanyun的专栏
02-20 6253
dva修改端口 在启动脚本中加入port参数 "start": "dora --plugins \"proxy?port=8899&watchDirs=./mock,webpack,webpack-hmr\"",
umi+antd design react搭建移动端web项目
09-08
umi 是一个基于 react 的前端开发框架，它提供了一些方便的工具和规范，帮助我们更快地搭建和部署移动端 web 项目。而 antd design 是一个优秀的 UI 组件库，它提供了丰富的组件，能够满足我们在移动端 web 项目中的各种需求。 首先，我们可以使用 umi 来初始化一个移动端的项目。umi 提供了脚手架工具，可以帮助我们快速创建一个基本的项目结构。通过命令行工具，我们可以选择使用 umi 内置的模板和插件，来搭建一个符合我们需求的移动端项目。 接着，我们可以使用 antd design 来构建我们的移动端页面。antd design 提供了丰富的 UI 组件，如导航栏、按钮、表单等等，这些组件都经过了精心设计和优化，可以帮助我们快速构建漂亮而且功能丰富的移动端页面。我们可以通过引入 antd design 的组件库，然后按照官方文档的指引使用这些组件，实现我们的页面功能。 在搭建项目时，umi 提供了一些功能和规范，例如路由配置、状态管理等。我们可以使用 umi 提供的路由功能来管理页面之间的跳转和传参，通过 umi 的状态管理功能可以更好地管理组件的状态和数据。同时，umi 还支持按需加载和自动优化等功能，能够提高项目的加载速度和性能。 总的来说，umi antd design react 搭建移动端 web 项目是一个很便捷和高效的选择。umi 提供了一个规范的开发框架，antd design 提供了丰富的 UI 组件，它们的结合可以帮助我们更快速地构建移动端 web 项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hzxOnlineOk

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值