• 安装ReactNative开发IDE


    https://blog.csdn.net/u014484863/article/details/51554428

     https://github.com/reactnativecn/react-native-guide

    VSCode安装以及插件配置

    直接讲VSCode安装实在突兀,先介绍一下VSCode。

    在 Build 2015 大会上,微软除了发布了 Microsoft Edge 浏览器和新的 Windows 10 系统外,最大的惊喜莫过于宣布推出免费跨平台的 Visual Studio Code 编辑器了!

    Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux,运行流畅,可谓是微软的良心之作……

    4.1 安装Visual Studio Code

    下载地址:https://code.visualstudio.com/Updates 
    下载下来直接拖到Application中就可以使用了。

    4.2 安装VSCode扩展工具

    如果在VSCode上开发React Native,安装一个扩展工具可以带来极大的方便以及提高开发效率。该插件可以提供以下这些功能:调试代码、命令面板终端快速执行Reac-native命令、代码智能补全、React Native API以及React对象搜索浏览。

    安装步骤: 
    打开VSCode软件,按 Fn+F1; 
    键入 ext install React Native; 
    点击安装; 
    重启VSCode。

    4.3 使用VSCode于React Native项目

    第一:调试配置 
    首先导入项目到VSCode中,点击debugger icon 这里写图片描述,然后点击配置icon 这里写图片描述,然后选择React Native。

    你可以修改哪些配置或者添加新的配置到这个列表中。你也可以利用在配置文件中其它的字段,例如,你能修改 target 字段指定iOS调试的模拟器

    第二:开始调试(Start debug session) 
    为了开始调试,通过配置下拉框选择一个调试项,然后点击运行箭头或者Fn+F5按键。这一步相当于android平台运行的运行方式:react-native run-native; 
    iOS平台在Xcode中运行项目。 
    具体看开头的连接地址

  • 相关阅读:
    vs code快捷键
    封装一个运动函数
    关于数组操作方式的总结
    学习html/css基础的重点笔记
    web新手——新闻列表这样写不容易出错
    AppCan——生成Web/微信App版,调用微信JSAPI支付方式,提示WeixinJSBridge内置对象undefined
    vue slot 占位符
    vue /deep/ css 不用1级1级找了
    vue 双向绑定 2个{{}}
    axios 请求接口 f12可以返回值 但是控制台打印报错
  • 原文地址:https://www.cnblogs.com/yuxiaoyiyou/p/10155659.html
Copyright © 2020-2023  润新知