Visual Studio Code开发react-navtiv

2018-08-28 本文已影响0人 sy随缘

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

一、常用插件：

1、React Native Tools

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

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

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

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

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工具