React Native 开发之IDE-低调大师

React Native 开发之IDE

2017-08-07 536

个人暂时使用Atom和Nuclide，虽然有些不方便，不过喜欢界面以及安装简单哈哈，之后可能尝试下别的。

译注：React Native官方更推荐使用WebStorm或Sublime Text来编写React Native应用。

1. Atom和Nuclide

1) Atom编辑器

Atom是一个开源版本的编辑器，有着非常强大以及完美的体验，Atom最大的特色就是可以安装很多的插件来完成我们的需求。

Atom.png

2) Nuclide插件

Nuclide(此链接需要科学上网)是由Facebook提供的基于atom的集成开发环境，可用于编写、运行和调试React Native应用。

点击这里阅读Nuclide的入门文档。

直接打开Atom软件，点击Atom->Preferences打开Setting,然后点击install，输入nuclide-installer 搜索，进行下载即可，如下图：

Nuclide插件.jpeg

2. WebStorm

相信做过Web前端的童鞋们，肯定对WebStorm IDE非常的熟悉WebStorm 是jetbrains公司旗下一款JavaScript开发工具。被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

该新版本已经支持了React了，所以在现如今的开发阶段WebStrom已经算是支持性最好的IDE了，不过该是收费的，土豪忽略，至于破解版本看大家的了。

WebStorm.png

WebStorm.png界面.png

看到有文章写了个破解方法(未尝试过)：

安装完webStorm之后，激活界面选择第二个License server，下面输入框输入http://idea.lanyus.com, 确定即可

3. Sublime Text

Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件，但可以无限期试用)，也是HTML和散文先进的文本编辑器。

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

Sublime Text.png

4. VSCode(正在尝试，感觉自动补全比较好用)

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

Visual Studio Code.png

该扩展工具(React Native Tools)给React Native项目提供了一个开发环境。你可以调试你的代码、通过命令面板终端快速的运行react-native命令、并且支持代码智能补全,对象搜索浏览、方法、参数以及其他一些React Native API。

安装React Native Tools：

1)调出扩展窗口

方式一：按f1，搜索ext，调出扩展窗口

调出扩展窗口@2x.png

方式二：若左侧工具栏有扩展图标，直接点击进行扩展图标调出扩展窗口

2)搜索并安装React Native Tools插件，install后要enable：

QQ20160805-0@2x.png

3)重启编辑器完成。

调试(Debugging)

1.安装调试环境(Setup debug environment)

在菜单中点击调试图标 ,然后点击configure齿轮样子的"设置"图标，选择React Native(调试环境设置)。

VSCode会生成一个launch.json文件保存在项目，同时里面会有一些默认的数据配置，如下图所示：

调试.png

上面的配置文件你可以修改这些配置信息，或者往列表中添加新的项。你也可以在这些配置信息中使用其他属性。

例如:你可以修改target属性来指定iOS调试的模拟器

2.开启调试(Start debug session)

为了开始调试，通过配置下拉框选择一个调试项，然后点击运行箭头或者F5按键.

你可以调试Android模拟器,Android设备或者iOS模拟器中的应用，当前插件提供iOS设备的支持。有关使用VS Code进行调试的更多详细信息请点击查看

3.使用iOS设备调试(Debugging on iOS Device)

采用iOS设备调试需要完成以下一些常规步骤:

①.在APP中改变jsCodeLocation IP，更多详细的步骤请点击查看

②.从调试配置下拉框选择Debug iOS并且按F5按键

③.摇一摇设备，打开开发者菜单，并且选择"Debug in Chrome"

作者：朱源浩

来源：51CTO

微信关注我们

原文链接：https://yq.aliyun.com/articles/183139

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Linux环境下Android开发环境的搭建

本文主要介绍在Ubuntu下Android开发环境的搭建，所使用的IDE为Eclipse(Android Studio同理，且可省去配置SDK以及安装adt插件的步骤)。 1.安装JDK (1)JDK8下载地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html (2)选择Linux版本下载，如下载的是tar包则使用#tar xvzf xxx.tar.gz 命令进行解压;如下载的是rpm包则使用rpm -ivh xxx.rpm进行安装。 (3)配置环境变量：执行命令vi /etc/profile 编辑profile配置文件，添加如下几行 exportJAVA_HOME=“jdk所在的路径” exportPATH=$JAVA_HOME/bin:$PATH exportCLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar 2.安装SDK (1)Ubuntu x64系统需要安装32位库文件，用于兼容32位的程序...

2017-08-08

513

(一) 搭建基本环境(必要) 使用React Native开发iOS应用需要OSX系统，Xcode，Homebrew，node，npm，也可以有选择的使用watchman 、Flow。 1. 安装Homebrew Homebrew, 简称brew, Mac系统的包管理器, 用于安装NodeJS和一些其他必需的工具软件。 Home-brew 的使用方式: 1)搜索软件：brew search 软件名，如brew search wget 2)安装软件：brew install 软件名，如brew install wget 3)卸载软件：brew remove 软件名，如brew remove wget 打开终端，运行以下语句(中间需要输入密码)进行安装： /usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)" 运行效果如下： Homebrew安装.png 可通过如下语句查看安装是否成功以及安装的Homebrew版本： brew-v 正常情况下均可安装成功，若...

2017-08-08

493

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。