Visual Studio Code开发react-navtiv

Visual Studio Code开发react-navtive相关配置

一、常用插件：

1、React Native Tools

此插件支持在VSCode debug项目，包括常用的加断点、log信息

有时候log怎么都不打印，设置方法如下：参考链接如下：

https://blog.csdn.net/gyz718/article/details/71513075

1.1 进入设置页面：文件>首选项>用户代码片段>选择设置的语言。

1.2 系统默认给我们提供了console.log的代码格式例子，我们只要去掉注释就可以使用了，当然你也可以把注释内容删除(注释的内容是snippet 的格式说明，下文有解释)。

使用VSCode调试RN项目

https://www.cnblogs.com/lc901221/p/7802799.html

2、ESLint

此插件：会检测JavaScript语法是否正确，是否符合相关规范

3、Debugger for Chrome

chrome调试插件

二、相关设置

1、vscode常用设置

{

    "window.zoomLevel": 0,  

    "javascript.validate.enable": false,

    "editor.wordWrap": "on",

    "window.newWindowDimensions": "inherit"

}

2、设置vscode为中文：

a、打开vscode工具；

b、使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击确定后；

c、修改locale.json文件下的属性“locale”为“zh-CN”;

d、重启vscode工具