Vscode React Programming Configuration

1. Download Address : https://code.visualstudio.com/Download

2. Add RN Development Plugin React Native Tools: Microsoft official out of the reactnative plugin, very useful Reactjs code snippets:react, such as the Componentwillmount method, can be obtained directly from the Cwm Auto close tag: Auto close tag Auto Rename tag: Automatically rename tags, with the above plug-in use, basically to catch up with the idea of the function of the system path Intellisense: File path hint completion

3. Common shortcut keys & settings

Shift + Alt + F: Formatting code

Ctrl + Space: Code hints, conflicts with the input accelerator all can not be used, according to their own favorite settings, settings: File = = Preferences and keyboard shortcuts = search "Space" and modify it to their own shortcut keys, such as the figure:

4. Configure Vscode debug reactnative, get rid of manual input command run RN Project distress

 a). Install the "React Native Tools" plugin;

b). Click Debug + + Add config = + select "React native:debug Android" + Insert code error, as shown:

Save, click the Debug button, you can run the Debug RN project;