再认识cross-env

最新推荐文章于 2023-12-05 15:20:47 发布
最新推荐文章于 2023-12-05 15:20:47 发布
阅读量332 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/txyzqc/article/details/125905173
版权

知道cross-env很久了，也知道它是用来跨操作系统设置环境变量的工具。但是我从来没认识到不同操作系统设置环境变量竟然真的不同。此次我真的认识到了！

故事是这样的。我用cra创建了一个react项目（npx create-react-app main-app --template typescript)，项目默认是3000端口启动的，我想换一个端口启动，那么在windows上我只需要修改package.json中的start为set PORT=9999 && react-scripts start。这样确实起作用了，我此时却把cross-env的存在抛到九霄云外了，我错误地认为ubuntu下也可以这样。

然后打脸就来了，我尝试在ubuntu上运行，其实是阿里云上。但是启动后还是3000，也没有报错。我有点迷惑了。后来才认识到windows和linux真的是不同的呀，肤浅了，哈哈。

至此我只能老实地安装cross-env了

"start": "cross-env PORT=9999 react-scripts start"

这里说一下如果不用cross-env怎么在ubuntu下设置端口

"start": "PORT=9999 react-scripts start"

出于好奇，我去看了cross-evn的源码，可惜只看懂了一半，正则表达式是我永远的拦路虎，哈哈哈

nothing_more_than
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
cross-env-设置环境变量跨平台
08-09
cross-env - 设置环境变量跨平台
cross-env使用笔记
weixin_30588729的博客
11-22 632
cross-env能跨平台地设置及使用环境变量 大多数情况下，在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住，windows平台与POSIX在使用命令行时有许多区别（例如在POSIX，使用$ENV_VAR,在windows，使用%ENV_VAR%。。。） cross-env让这一切变得简单，不同平台使用唯一指令，无需担心跨平台问题 npm安装方式...
Node 的 cross-env 模块
HONEY MOOSE
09-11 1198
cross-env 是运行跨平台设置的和使用环境变量（Node中的环境变量）的脚本。 一句话来说明 cross-env，就是针对相同的语句和命令，我们希望这条语句能够同时在 Windows 和 Linux 上使用。 为什么需要 cross-env 这个问题主要是因为不同的操作系统平台对 Shell 脚本的支持情况不一样导致的。 例如，如果你希望在 Windows 中使用命令NODE_ENV=production来设置环境变量的话，大多数Windows 命令提示符都没有办法进行操作。 .
cross-env的使用
qq_43340606的博客
07-06 1113
cross-env怎么使用，作用是什么，根据官网的解释它是这样子的简而言之个人的理解是：官网地址：安装： 官网的案例： 衍生可以给NODE环境设置一个变量，通过process.env.xxxxx来获取，我们根据相对应的变量进行不同的配置。 这个段代码我们设置了一个PROJECT_NAME的变量，通过process.env.PROJECT_NAME来获取到变量的值oneProject 。...
cross-env
coca_cola_1105的博客
04-18 1633
在react开发中，npm script 脚本中有cross-env那什么是cross-env？ 它是运行跨平台设置和使用环境变量的脚本（Node环境变量） 为什么需要cross-env？ 我们在自定义配置环境变量的时候，由于在不同环境下，配置方式也是不同的。例如在windows和linux。 cross-env 能够提供一个设置环境变量的scripts，这样我们就能够以unix方式设置环境变量，然而在windows上也能够兼容的。 使用： npm install --save-dev cross-
cross-env-7.0.3.zip
06-16
《跨平台环境变量工具——cross-env详解》 在软件开发过程中，尤其是在JavaScript的世界里，由于其跨平台的特性，开发者经常需要处理不同操作系统之间的环境差异。`cross-env`是一个非常实用的npm模块，它允许你在...
cross-env-7.0.2.zip
06-16
"cross-env"是一个在Node.js环境中管理环境变量的开源库，尤其在跨平台（Windows、Linux、MacOS）开发时非常有用。它允许开发者在不同的操作系统间设定和使用一致的环境变量，使得构建脚本无需考虑操作系统的差异。...
webpack.DefinePlugin与cross-env区别详解
10-15
主要介绍了webpack.DefinePlugin与cross-env区别详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
深入浅析vue中cross-env的使用
12-03
如上面所示的例子，通过`cross-env NODE_ENV=production`，无论你在哪个操作系统上运行`npm run build`，`NODE_ENV`都会被正确地设置为`production`。 总结一下，`cross-env`在Vue项目中的主要作用是： 1. 跨平台...
嵌入式linux开发板，通过crossenv交叉编译python第三方库numpy
m0_43443861的博客
01-05 2312
嵌入式linux开发板，通过crossenv交叉编译python第三方库numpy
使用cross-env兼容windows和linux环境的nodejs变量
失眠时间的博客
12-05 881
由于办公和家里的开发环境不同（windows和linux）在处理nodejs项目的时候，脚本设置变量的时候设置方式不同使用cross-env可完美解决配置方式不同的窘境。
cross-env：实现跨平台环境变量管理的利器
Have_No_Heart的博客
10-21 541
cross-envcross-env是一个有用的工具，它简化了跨平台开发中环境变量的设置过程。它允许开发人员编写跨平台的脚本，确保代码在不同操作系统上的可移植性。通过示例，我们展示了如何在项目中使用cross-env来设置环境变量，以便在不同环境中进行开发和部署。无论您是开发前端应用、后端服务，或者其他类型的 Node.js 项目，cross-env都可以为您简化跨平台开发的环境配置工作，提高开发效率。
使用cross-env解决跨平台设置NODE_ENV的问题
wangchaoqi1985的博客
05-15 268
使用cross-env解决跨平台设置NODE_ENV的问题
对cross-env的理解
热门推荐
小米人的博客
09-16 1万+
1、什么是cross-env? 它是运行跨平台设置和使用环境变量的脚本。 2、为什么需要cross-env? 我们在自定义配置环境变量的时候，由于在不同的环境下，配置方式也是不同的。例如在window和linux下配置环境变量。 2.1、在window下配置 #node中常用的到的环境变量是NODE_ENV，首先查看是否存在 set NODE_ENV #如果不存在则添加环境变量 set N...
webpack基础
qq_36303110的博客
06-22 318
webpack基础
修改react18默认端口、默认开启浏览器等配置的三种方法
tuzi007a的博客
05-27 1865
第一种方法： 在package.json文件中， 找到 "scripts": { "start": "node scripts/start.js", "build": "node scripts/build.js", "test": "node scripts/test.js" }, 在start这一项中添加配置，改为： // set BROWSER=none是关闭自动开启浏览器功能 // set PORT=8080是修改默认端口号 "start": "set BROWSER=none &am
webpack 相关
架构师的成长之路的博客
01-04 597
更多干货 分布式实战（干货） spring cloud 实战（干货） mybatis 实战（干货） spring boot 实战（干货） React 入门实战（干货） 构建中小型互联网企业架构（干货） python 学习持续更新 ElasticSearch 笔记 kafka storm 实战 (干货) ...
webpack-dev-server远程访问配置
jCuckoo的专栏
03-29 8343
下面的package.json文件中配置的webpack-dev-server为开发模式，可以使用http://localhost:8080或http://127.0.0.1:8080进行访问 "scripts": { "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
离线安装cross-env
最新发布
05-15
cross-env是一个用于设置和使用跨平台环境变量的工具，它可以让你在不同的操作系统和命令行工具中设置环境变量，这样就可以在不同的环境中运行相同的命令。 如果你需要离线安装cross-env，可以通过以下步骤进行： 1. 首先，你需要从npm官网（https://www.npmjs.com/package/cross-env）下载cross-env的压缩包。 2. 解压缩cross-env压缩包，并进入解压后的目录。 3. 打开命令行工具，切换到cross-env目录下。 4. 运行以下命令进行安装： ``` npm install --offline ``` 注意：如果你没有离线安装依赖库，需要先离线安装依赖库，否则会出现安装失败的情况。可以通过以下命令进行离线安装依赖库： ``` npm install --offline-dependencies ``` 5. 安装完成后，你就可以在命令行中使用cross-env了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值