vscode React编程配置，vscodereact编程

vscode React编程配置，vscodereact编程

1.下载地址：https://code.visualstudio.com/Download

2.添加RN开发插件

• React Native Tools：微软官方出的ReactNative插件,非常好用
• Reactjs code snippets：react的代码提示，如componentWillMount方法可以通过cwm直接获得
• Auto Close Tag：自动闭合标签
• Auto Rename Tag：自动重命名标签，配合上面的插件使用，基本上能赶上IDEA系的功能了
• Path Intellisense：文件路径提示补全

3.常用快捷键&设置

Shift + Alt + F：格式化代码

Ctrl + Space：代码提示，与输入快捷键冲突所有使用不了，可根据自己喜爱自行设置，设置：文件 => 首选项 => 键盘快捷方式 => 搜索“space”=>修改为自己的快捷键，如图：

 

4.配置VSCode调试ReactNative，摆脱手动输入命令运行RN项目的苦恼

　　a).安装“React Native Tools”插件；

　　b).点击调试 => 增加配置 => 选择“React Native:Debug Android” => 插入代码报错，如图：

保存，点击调试按钮，即可运行调试RN项目；