1. 首页
  2. IT资讯

「React 手册 」在 Windows 下使用 React , 你需要注意这些问题

“u003Cdivu003Eu003Cpu003E大家好,本篇内容,我要和大家聊聊使用 Windows 开发 React ,你需要注意的一些问题。首先说明下,我不是使用 windows 进行开发,因为其配置开发环境来说不是特别方便,我更喜欢 苹果mac 或者乌班图这样的系统,但是使用windows 进行开发的人还是占多说的,关于这些问题还是很有必要来和大家聊聊,尤其是在我们的开发过程中,我们的项目小组开发人员,有的喜欢用 Windows ,有的喜欢用苹果mac,这就会产生一些问题。u003Cu002Fpu003Eu003Ch1u003E终端(控制台)u003Cu002Fh1u003Eu003Cpu003E使用 Windows 系统的同学们,你们也许经常会在系统的运行菜单里输入CMD 命令调出控制台终端,但是其存在一个问题,不支持 Unix 相关的命令,有时候就安装不了相关的依赖包。为了解决这个问题,就需要安装 Unix 终端。我强烈推荐大家使用 Git Bash 这个终端,该终端的下载地址是:https:u002Fu002Fgit-scm.com;第二个选择是安装 Cygwin,是基于Linux 的终端,其安装地址是:https:u002Fu002Fwww.cygwin.com。u003Cu002Fpu003Eu003Ch1u003E环境变量u003Cu002Fh1u003Eu003Cpu003E使用 Windows 的另一个常见问题是设置环境变量。 通常,我们在mac系统下编写 npm 命令脚本时,我们设置环境变量,例如 NODE_ENV = production 或 BABEL_ENV = development,但是要在Windows中设置这些变量,前面需要加上 SET,这意味着你需要执行 SET NODE_ENV = production 或 SET BABEL_ENV = development。u003Cu002Fpu003Eu003Cpu003E这样做的问题是,如果你与使用Linux 或 Mac的人一起开发工作时,那么他们将在SET命令上遇到问题,可能你需要忽略此文件并仅针对您的本地环境对其进行修改。 每次这样做这可能很乏味。 解决此问题的方法是使用一个名为cross-env的软件包。 你可以通过执行如下命令u003Cu002Fpu003Eu003Cpreu003E npm install cross-env u003Cbru003Eu003Cu002Fpreu003Eu003Cpu003E进行安装,修改你的配置文件如下所示,修改后,你的项目在Windows,Mac和Linux 都是可以正常运行的:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F9c39d7295e874b22970cb18e3efc4e04″ img_width=”2792″ img_height=”1396″ alt=”「React 手册 」在 Windows 下使用 React , 你需要注意这些问题” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Ch1u003E文件名、目录名区分大小写u003Cu002Fh1u003Eu003Cpu003E实际上,这在Linux上也会发生,但是有时很难想到是这个问题,例如,如果你在 componentsu002Fhomeu002FHome.jsx 这个路径下创建了一个组件,然后你使用如下方式进行引入组件(请注意第一个home的第一个字母我使用了大写):u003Cu002Fpu003Eu003Cpreu003Eimport Home from ‘.u002Fcomponentsu002FHomeu002FHome’;u003Cbru003Eu003Cu002Fpreu003Eu003Cblockquoteu003Eu003Cpu003E通常,在Mac下开发的同学,不会遇到此类问题,但在Linux或Windows上可能会产生错误,因为系统文件路径区分大小写。u003Cu002Fpu003Eu003Cu002Fblockquoteu003Eu003Ch1u003E路径问题u003Cu002Fh1u003Eu003Cpu003E在 Windows 下使用反斜杠(\)定义路径,而在Mac或Linux中,使用正斜杠(u002F)定义路径,比如我们在 Node.js 环境配置路径,如下段代码所示:u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E在 MAC 或 Linux 下的配置:u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002Ffd0aff50fff447d18e08714cbaafa515″ img_width=”1948″ img_height=”1540″ alt=”「React 手册 」在 Windows 下使用 React , 你需要注意这些问题” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003Eu003Cstrongu003E在 Windows 下的配置:u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002Fdf5057dbcfc646daa0c0937655e49be7″ img_width=”1948″ img_height=”1540″ alt=”「React 手册 」在 Windows 下使用 React , 你需要注意这些问题” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E为了解决使用不同系统进行开发的问题,避免我们每次进行修改,我们需要导入 path 模块,就能修复此问题:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002Fb857df26bb754aa7acacd9079ae63b28″ img_width=”2388″ img_height=”1684″ alt=”「React 手册 」在 Windows 下使用 React , 你需要注意这些问题” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Ch1u003E小节u003Cu002Fh1u003Eu003Cpu003E今天的分享就到这里,感谢大家阅读,如果你喜欢此文章,欢迎给个赞哦,谢谢了,下一篇文章,我将带着大家一起创建我们的第一个 React 项目,敬请期待…u003Cu002Fpu003Eu003Ch1u003E《 React 手册》系列文章u003Cu002Fh1u003Eu003Cpu003Eu003Ca class=”pgc-link” data-content=”mp” href=”https:u002Fu002Fwww.toutiao.comu002Fi6735716224618988043u002F?group_id=6735716224618988043″ target=”_blank”u003E「React 手册」在 React 项目中使用 ES6,你需要了解这些(一)u003Cu002Fau003Eu003Cu002Fpu003Eu003Cpu003Eu003Ca class=”pgc-link” data-content=”mp” href=”https:u002Fu002Fwww.toutiao.comu002Fi6742783679359091211u002F?group_id=6742783679359091211″ target=”_blank”u003E「React 手册」React 16 中值得你关注的新特性u003Cu002Fau003Eu003Cu002Fpu003Eu003Cu002Fdivu003E”

原文始发于:「React 手册 」在 Windows 下使用 React , 你需要注意这些问题

主题测试文章,只做测试使用。发布者:杀手梦三刀,转转请注明出处:http://www.cxybcw.com/10710.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code