美文网首页
VS Code React-native 插件

VS Code React-native 插件

作者: AlwaysLight | 来源:发表于2019-02-21 15:57 被阅读1次

    插件

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

    常用快捷键&设置

    Shift + Alt + F:格式化代码

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


    快捷键.png

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

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

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


    调试项目.png

    保存,点击调试按钮,即可运行调试RN项目;

    相关文章

      网友评论

          本文标题:VS Code React-native 插件

          本文链接:https://www.haomeiwen.com/subject/pstdyqtx.html