vscode React编程配置

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项目;

  • 1
    点赞
  • 1
    评论
  • 2
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 撸撸猫 设计师:马嘣嘣 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值