vscode React编程配置

版权声明:转载请声明原文出处!!!! https://blog.csdn.net/weixin_40461281/article/details/79964659

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

阅读更多

没有更多推荐了,返回首页