前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >「React 基础 」在 Windows 下使用 React , 你需要注意这些问题

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

作者头像
前端达人
发布2019-10-28 18:13:22
1.4K0
发布2019-10-28 18:13:22
举报
文章被收录于专栏:前端达人

大家好,本篇内容,我要和大家聊聊使用 Windows 开发 React ,你需要注意的一些问题。首先说明下,我不是使用 windows 进行开发,因为其配置开发环境来说不是特别方便,我更喜欢苹果mac或者乌班图这样的系统,但是使用windows 进行开发的人还是占多说的,关于这些问题还是很有必要来和大家聊聊,尤其是在我们的开发过程中,我们的项目小组开发人员,有的喜欢用 Windows ,有的喜欢用苹果mac,这就会产生一些问题。

终端(控制台)

使用 Windows 系统的同学们,你们也许经常会在系统的运行菜单里输入CMD 命令调出控制台终端,但是其存在一个问题,不支持 Unix 相关的命令,有时候就安装不了相关的依赖包。为了解决这个问题,就需要安装 Unix 终端。我强烈推荐大家使用 Git Bash 这个终端,该终端的下载地址是:https://git-scm.com;第二个选择是安装 Cygwin,是基于Linux 的终端,其安装地址是:https://www.cygwin.com。

环境变量

使用 Windows 的另一个常见问题是设置环境变量。通常,我们在mac系统下编写 npm 命令脚本时,我们设置环境变量,例如 NODE_ENV = production 或 BABEL_ENV = development,但是要在Windows中设置这些变量,前面需要加上 SET,这意味着你需要执行 SET NODE_ENV = production 或 SET BABEL_ENV = development。

这样做的问题是,如果你与使用Linux 或 Mac的人一起开发工作时,那么他们将在SET命令上遇到问题,可能你需要忽略此文件并仅针对您的本地环境对其进行修改。每次这样做可能很乏味。解决此问题的方法是使用一个名为cross-env的软件包。你可以通过执行如下命令

代码语言:javascript
复制
 npm install cross-env

进行安装,修改你的配置文件如下所示,修改后,你的项目在Windows,Mac和Linux 都是可以正常运行的:

文件名、目录名区分大小写

实际上,这在Linux上也会发生,但是有时很难想到是这个问题,例如,如果你在 components/home/Home.jsx 这个路径下创建了一个组件,然后你使用如下方式进行引入组件(请注意第一个home的第一个字母我使用了大写):

代码语言:javascript
复制
import Home from './components/Home/Home';

通常,在Mac下开发的同学,不会遇到此类问题,但在Linux或Windows上可能会产生错误,因为系统文件路径区分大小写。

路径问题

在 Windows 下使用反斜杠(\)定义路径,而在Mac或Linux中,使用正斜杠(/)定义路径,比如我们在 Node.js 环境配置路径,如下段代码所示:

在 MAC 或 Linux 下的配置:

在 Windows 下的配置:

为了解决使用不同系统进行开发的问题,避免我们每次进行修改,我们需要导入 path 模块,就能修复此问题:

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-10-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 前端达人 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 终端(控制台)
  • 环境变量
  • 文件名、目录名区分大小写
  • 路径问题
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档