李虹柏的博客

后端研究室

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

阅读更多
文章标签: vscode react nodejs
个人分类: IDE
上一篇NodeJS安装步骤以及NPM环境变量配置详解
下一篇java使用反射实现swap
想对作者说点什么? 我来说一句

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

关闭
关闭