React-Native（二）：React Native开发工具vs code配置

　　从网上翻阅了一些开发react-native的开发工具时，发现其实可选的工具还是比较多的Sublime Text,WebStrom,Atom＋Nuclide,vs code 等。因为我用.net生态环境的ide比较多，所以当看到有vs code时，就毫无犹豫的选择了它作为react-native的开发工具。

　　vs code是一个开源的，而且linux，windows，mac环境都可以支持，通过插件安装可以开发c#,java,php,js,html,css等。

　　本篇文章，就用来记录如何使用vs code配置react native的开发环境：

1）从microsoft vs code官网：https://code.visualstudio.com/ 上下载vs code，并安装。

2）使用vs code开发上篇文章我们创建的HelloWord工程目录：vs code 的导航中的文件-》打开文件夹(F)..-》浏览到：D:\RN_software\app_projects\HelloWord并打开

打开后vs code界面:

3）vs code安装 react native开发及调试工具：“React Native Tools”

4）使用vs code及debuging android 工具调试react native程序：

当点击　点击VS Code左边菜单上的按钮，然后点击configure左端最上面的设置按钮，选择 React Native 调试环境。ｖｓ Code就生成了一个launch.json文件，我们项目中的一些默认配置就在上面，我们可以修改配置文件中的内容，比如：我们可以修改target属性来选择调试的模拟器。 
如下：

ｌａｕｎｃｈ.json

{
    // Use IntelliSense to learn about possible Node.js debug attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Debug Android",
            "program": "${workspaceRoot}/.vscode/launchReactNative.js",
            "type": "reactnative",
            "request": "launch",
            "platform": "android",
            "sourceMaps": true,
            "outDir": "${workspaceRoot}/.vscode/.react"
        },
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${file}"
        }
    ]
}

调试

调试“输出”窗口输出信息：

######### Starting Packager ##########
######### Executing command: react-native.cmd start --port  ##########
Scanning  folders for symlinks in d:\RN_software\app_projects\HelloWord\node_modules (16ms)
 ┌────────────────────────────────────────────────────────────────────────────┐
 │  Running packager on port .                                            │
 │                                                                            │
 │  Keep this packager running while developing on any JS projects. Feel      │
 │  free to close this tab and run your own packager instance if you          │
 │  prefer.                                                                   │
 │                                                                            │
 │  https://github.com/facebook/react-native                                  │
 │                                                                            │
 └────────────────────────────────────────────────────────────────────────────┘
Looking for JS files in
   d:\RN_software\app_projects\HelloWord 
 
React packager ready.

5）接入真机，并在“终端”窗口上执行:react native命令来启动程序。