【Kevin Learn React Native】--＞开发工具— VS Code

原创

KevinDev0724 2022-03-16 12:14:48 博主文章分类：Android -- 其它 ©著作权

文章标签 vs code react native 开发环境 microsoft github 文章分类 OpenStack 云计算

©著作权归作者所有：来自51CTO博客作者KevinDev0724的原创作品，请联系作者获取转载授权，否则将追究法律责任

VS Code 是一个专门为 React Native 项目提供开发环境的扩展开发插件工具。可以调试代码，快速运行React Native的命令，并且可以智能提醒。非常的简便好用。

安装

首先要确保你已经安装了相关的React Native开发环境，并配置了开发环境。
安装VS Code方法非常简单，去github上下载插件，直接安装在电脑就可以了。
插件地址：https://github.com/Microsoft/vscode-react-native

它具有打开文件夹功能，定位到React Native项目的根目录直接使用文件夹打开功能就可以，这样就可以把整个项目目录放进去了。
效果如下：
【Kevin Learn React Native】--＞开发工具— VS Code_github

调试环境

安装调试环境

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

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${workspaceFolder}/start"
        }
    ]
}