How to edit React Native tools?

Question

PRO TIP

When you see Red Box with stack trace, you can click any stack frame to jump to the source file. The packager will launch your editor of choice. It will first look at REACT_EDITOR environment variable, then at EDITOR. To set it up, you can add something like REACT_EDITOR=atom to your .bashrc.

.bashrc:

export GOROOT=/usr/local/go

export REACT_EDITOR=atom

I'm voting to close this question as off-topic because it's not a question. — miku, May 07 '15 at 07:01
That's not a question. If you want to provide information like this, you must follow the Stack Overflow Q&A format: good, clear, well researched question in the question box, detailed answer in the answer box. — Mat, May 07 '15 at 07:01
I'm voting to close this question as off-topic because this question does not follow the Q&A format. — Daedalus, Sep 17 '15 at 06:31
"PRO TIP" is what the output of the react-native-cli show when you click on an error message. — Rayron Victor, Jul 31 '17 at 19:17

binhapp · Answer 1 · 2018-09-21T04:55:08.603

17

For Visual Studio Code

Add code below to ~/.zshrc or ~/.bashrc file

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

edited Sep 21 '18 at 04:55

answered Aug 21 '18 at 04:57

binhapp

409
5
10

1

So, this is for a Mac, isn't it? And what about Ubuntu, on a vscode installed through Ubuntu Software (snap)? – darksoulsong Jan 10 '19 at 11:30

score 3 · Answer 2 · answered May 07 '15 at 07:01

3

When you see Red Box with stack trace, you can click any stack frame to jump to the source file. The packager will launch your editor of choice. It will first look at REACT_EDITOR environment variable, then at EDITOR.

To set it up, you can add something like REACT_EDITOR=atom to your .bashrc.

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

answered May 07 '15 at 07:01

Thilo

257,207
101
511
656

how to change Sublime Text 2 ?export REACT_EDITOR=Sublime Text 2 ? – sailei May 07 '15 at 07:47
http://stackoverflow.com/questions/16199581/opening-sublime-text-on-command-line-as-subl-on-mac-os – Thilo May 07 '15 at 07:50
3

Is it possible to do the same with Visual studio code ? – SUNIL GOWROJI Oct 04 '17 at 06:22

score 1 · Answer 3 · answered Sep 17 '15 at 06:28

To set it up, you can add something like REACT_EDITOR=atom to your .bashrc or .profile.

    #.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

If you do make any edits to this file once you have closed it, you need to run the command in your command line:

    source ~/.profile

to compile your newly applied edits. If you see any errors after sourcing your file get them fixed before moving to the final step. For my example,it works in .profile,but doesn't work in .bashrc. I guess it is related with NVM_DIR path.I hope it can help you:)

How to edit React Native tools?

3 Answers3

For Visual Studio Code