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

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/weixin_40461281/article/details/79964659
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-06-28 02:28:06
阅读 ( 1674 )
分类：

vscode React编程配置

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看