如何编辑 React Native 工具？

Posted 2023-03-22

【中文标题】如何编辑 React Native 工具？

【英文标题】：How to edit React Native tools?

【发布时间】：2015-07-17 14:36:33

【问题描述】：

专业提示

当您看到带有堆栈跟踪的 Red Box 时，您可以单击任意 堆栈帧跳转到源文件。打包程序将启动您的 首选编辑。它将首先查看 REACT_EDITOR 环境 变量，然后在 EDITOR。要进行设置，您可以添加类似 REACT_EDITOR=atom 到你的.bashrc。

.bashrc:

export GOROOT=/usr/local/go

export REACT_EDITOR=atom 

【问题讨论】：

我投票结束这个问题，因为它不是一个问题。

这不是问题。如果你想提供这样的信息，你必须遵循 Stack Overflow Q&A 格式：问题框中的问题很好、清晰、研究得很好，答案框中的答案很详细。

我投票结束这个问题，因为这个问题不符合问答格式。

“专业提示”是当您单击错误消息时 react-native-cli 的输出。

【参考方案1】：

对于 Visual Studio 代码

将下面的代码添加到~/.zshrc 或~/.bashrc 文件中

export PATH=$PATH:/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin
export REACT_EDITOR=code

【讨论】：

所以，这是针对 Mac 的，不是吗？在通过 Ubuntu Software (snap) 安装的 vscode 上的 Ubuntu 呢？

【参考方案2】：

当您看到带有堆栈跟踪的红色框时，您可以单击任何堆栈帧以跳转到源文件。打包程序将启动您选择的编辑器。它将首先查看 REACT_EDITOR 环境变量，然后查看 EDITOR。

要设置它，您可以在 .bashrc 中添加类似 REACT_EDITOR=atom 的内容。

# .bashrc
export GOROOT=/usr/local/go
export REACT_EDITOR=atom 

【讨论】：

如何更改 Sublime Text 2 ?export REACT_EDITOR=Sublime Text 2 ?

***.com/questions/16199581/…

是否可以对 Visual Studio 代码做同样的事情？

【参考方案3】：

要进行设置，您可以在 .bashrc 或 .profile 中添加类似 REACT_EDITOR=atom 的内容。

    #.profile
    export NVM_DIR="/usr/local/nvm"
    [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"  # This loads nvm
    export REACT_EDITOR="atom" # Add atom to REACT_EDITOR for scripting

如果您在关闭此文件后对其进行了任何编辑，则需要在命令行中运行该命令：

    source ~/.profile 

编译您新应用的编辑。如果您在获取文件后发现任何错误，请先修复它们，然后再进行最后一步。 对于我的示例，它适用于 .profile，但不适用于 .bashrc。我猜它与NVM_DIR路径有关。希望它可以帮助你:)