React Native编辑器Atom+Nuclide插件的配置和安装及编译项目

接下来给大家讲解下React Native编辑器，这也是Fackbook官方推荐的一款编辑器Atom结合Nuclide插件进行React Native开发，当然你也可以使用Sublime Text 3编写。当然Atom不仅是开发React Native的，主要是针对前端开发者使用的，如JS、CSS、HTML的编写等等，也支持Mark Down，具体大家百度或者谷歌即可。进入正题：

1、去官网下载Atom安装包，然后安装。https://atom.io/

安装界面。

2、Atom安装成功后，启动。点击File->Settings->Install，然后输入Nuclide，搜索安装这个插件，可能有点慢，最好FQ。

3、安装好插件后，我们就可以打开一个React Native项目了。

最后推荐几款Atom比较好的插件：

①一个狂拽炫酷屌炸天的爆炸震动效果插件：activate-power-mode

②另一个是Html时时预览的插件：atom-html-preview

③还有一个支持MardDown编写和预览的官方出品插件：markdown-preview

原文地址：https://www.cnblogs.com/c-x-m/p/9046341.html

时间： 2024-08-29 07:11:14

React Native编辑器Atom+Nuclide插件的配置和安装及编译项目的相关文章

转： React Native 开发之 IDE 选型和配置

转:https://mp.weixin.qq.com/s?__biz=MzA3ODg4MDk0Ng==&mid=2651112392&idx=1&sn=135e29ddde3050d469be98db815c267e&scene=0&key=18e81ac7415f67c4bcc2eaac3ca13f8d294ec1b8fa5828d4d7f13f2e81cc62f72e55e828ee04e2002284521336a3766d&ascene=0&

React Native - 1 Windows下的环境配置(Windows+Android)

参考:https://facebook.github.io/react-native/docs/getting-started.html(要FQ) 网站上建议使用Chocolatey去配环境,不过这个站点在国内访问太慢了,所以我们单独安装下面的软件就好了. 1. 安装Node.js: https://nodejs.org/en/,下载安装最新版本(推荐LTS版本) 确认Node.js是否安装成功,cmd里输入:node -v (退出是按两次 ctrl+c) 2. 安装python2,https:

React Native入门（二）Atom+Nuclide安装、配置与调试

相关文章 React Native入门前言上一篇文章我们搭建了开发环境,并写了个Hello World.这一节我们来学习React Native的开发IDE:Atom+Nuclide的安装.配置与调试.本文所讲的内容只适用于Mac平台. 1.开发IDE选择 React Native的开发IDE有很多种,比如FaceBook 官方推荐的 Atom+Nuclide.Android Studio的同门WebStorm(收费).Sublime Text 3.Visual Studio Code和De

我的 React Native 技能树点亮计划の React Native 开发 IDE 选型和配置

@author ASCE1885的 Github 简书微博 CSDN 知乎本文首发于 InfoQ 移动技术公众号:移动开发前线由于潜在的商业目的,未经许可不开放全文转载许可,谢谢! React Native 发布一年多了,有不少公司已经在线上产品中或小范围试水,或大范围应用,很多公司或开发者都在为 React Native 的生态系统作出自己的贡献.React Native 的开发基本上是 Javascript + 系统原生开发语言(Java,Objective-C,Swift),原生语言

Mac配置React Native开发环境

一直觉得学习一样东西,不动手怎么也学不会,就像学习swift,看了视频没有动手操作,记住的也就那么点,自己写出东西不是这里有问题就是那里出错. 所以,以后学习自己要多动手. 现在我的学习任务就是: 提高自己的iOS代码专业能力,掌握Swift3.0,顺便学习学习React Native. 学习一门语言当然少不了硬件和软件设备啦,不然怎么学习...嘿嘿,对吧!!!! 下面记录下自己配置React Native开发环境: 1> 安装brew: 打开终端,输入: /usr/bin/ruby -e

React Native开发环境配置（转）

转自:http://www.jianshu.com/p/cd2a8c5ee1c7 到如今React Native已经进化了很多版本,开发环境的配置也发生了一些改变,本文仅供参考,请按照官方指引配置,防止某些细节出入导致配置失败.官方英文版配置说明 React Native(以下简称RN)的开发环境配置直接参考官方文档即可完成,不过对小白来说东西有点多,有些名词不是很好理解,这里就官方的安装文档稍微展开说一下. 中文版配置说明:这个版本来自极客学院的翻译版,不过和官方的版本相比略有滞后,不过照着安

React Native：使用 JavaScript 构建原生应用详细剖析

数月前,Facebook 对外宣布了正在开发的 React Native 框架,这个框架允许你使用 JavaScript 开发原生的 iOS 应用——就在今天,Beta 版的仓库释出了! 基于 PhoneGap 使用 JavaScript 和 HTML5 开发 iOS 应用已经有好几年了,那 React Native 有什么牛的? React Native 真的很牛,让大家兴奋异常的主要原因有两点: 可以基于 React Native使用 JavaScript 编写应用逻辑,UI 则可以保持全是

东方耀手把手教React Native实战开发视频教程+源码笔记全集

课程序号标题第0课0.手把手教React Native实战之开山篇_视频第1课1.手把手教React Native实战之环境搭建_视频_Windows环境第1课1.手把手教React Native实战之环境搭建[Mac真机]同时调试开发Android&IOS 第2课2.手把手教React Native实战之从React到RN 第3课3.手把手教React Native实战之flexbox布局(RN基础) 第4讲4.手把手教React Native实战之flexbox布局(伸缩属性) 第5讲

Atom+Nuclide(Windows)开发ReactNative

1 安装Atom,Nucilde 首先需要到官网下载Atom: 然后安装Nuclide, 重新打开Atom,会看到Nucilde的界面且菜单项会多出一个Nucilde 2 创建ReactNative 项目 cmd窗口进入想要存放项目的文件夹, 输入react-native init HelloWorld 回车,项目就会创建完成 3 运行项目 ctrl + shift + p打开command palette(打开终端选项), 然后输入react native start,选择Nuclide R