1. 程式人生 > >React Native開發編輯器-Atom+Nuclide

React Native開發編輯器-Atom+Nuclide

目錄

1. Nuclide 

1.1 Nuclide簡介

Nuclide IDE編輯器是Facebook推出的基於Atom的開發工具箱,用於開發基於Hack(基於開源程式)的Web應用;

1.2 Nuclide支援平臺

There are two supported platforms for Nuclide, Linux and macOS.

Nuclide can be installed on Windows, but it is not fully supported.

Nuclide支援Linux和macOS兩個平臺,Nuclide可以在Windows系統安裝,但是不是完全支援;

2. Atom IDE

2.1 Atom IDE簡介

Atom IDE是Github推出的一個基於Electron跨平臺文字編輯器;

2.2 Electron 簡介

Electron是基於Node.js和Chromium的框架,可以使用HTML/CSS、JavaScript的應用;

2.3 Atom下載安裝

Atom官網有一個下載按鈕就行下載並安裝;

3. Atom安裝Nuclide外掛

1.  開啟Atom,File -> Setting -> Install,開啟外掛安裝介面

2.  輸入Nuclide查詢並安裝;

可以通過dos命令進行安裝:

apm install nuclide

3. 安裝成功

相關推薦

React Native開發編輯-Atom+Nuclide

目錄 1. Nuclide  1.1 Nuclide簡介 Nuclide IDE編輯器是Facebook推出的基於Atom的開發工具箱,用於開發基於Hack(基於開源程式)的Web應用; 1.2 Nuclide支援平臺 T

React Native編輯Atom+Nuclide插件的配置和安裝及編譯項目

爆炸 native -html 最好 編輯器 安裝 sublime 進入 mode 接下來給大家講解下React Native編輯器,這也是Fackbook官方推薦的一款編輯器Atom結合Nuclide插件進行React Native開發,當然你也可以使用Subl

前端學習 開發編輯 Atom使用配置

前言 Android開發時,也經常使用使用文件編輯器。就是主要用在看一些比較簡單的開源專案時,不想用IDE開啟,僅僅是閱讀一下程式碼,用文件編輯器就會方便很多。 stormZhang講過一篇部落格 Gradle命令詳解與匯入第三方包,裡面提到了Sublime

React Native開發之IDE(Atom+Nuclide)安裝,執行,除錯

歡迎Follow我的Github,部落格會同步在Github的Blog倉庫更新。也可以關注CSDN部落格的React Native分類 前言 工欲善其事,必先利其器 好像在哪聽到一句話,”滿級程式設計師不需要IDE,不需要自動補全,不需要靜

十大最受歡迎的 React Native 應用開發編輯

市面上用於開發工作的編輯器非常多,筆者會經常因為不同的程式語言該如何選擇好用的編輯器而感到糾結。而在隨後從事 React Native 開發工作過程中,對相應的編輯器做了一些探索和研究,本文總結了一些非常適合移動應用開發的編輯器和 IDE。 N

React Native開發React Native控制元件之Switch開關與Picker選擇元件講解以及使用(16)

轉載請標明出處:(一)前言       【好訊息】個人網站已經上線執行,後面部落格以及技術乾貨等精彩文章會同步更新,請大家關注收藏:http://www.lcode.org       今天我們一起來看

React Native開發React Native控件之ProgressBarAndroid進度條解說(12)

ice 發現 來講 top 文章 func dev all ios 轉載請標明出處:http://blog.csdn.net/developer_jiangqq/article/details/50596367本文出自:【江清清的博客】(一)前言 【好消息】

Windows搭建React Native開發環境

win 9.png 技術 src alt blog nat -1 bsp 成功部署 Windows搭建React Native開發環境

react-native 開發環境搭建

post 註意 令行 圖片 技術 usb bubuko http androi 首先安裝jdk。本教程基於jdk1.8,安裝時有一點要特別註意:jdk和jre必須裝到不同目錄下,否則初始化react-native項目時大概率報tools.jar not found ex

react-native-開發環境搭建

Go roi ids ati ios studio androi 工具 sta 一、開發環境搭建-windows平臺; 安裝 node 安裝 react native npm install -g react-native-cli 安裝Android開發工具Androi

React Native開發App狗狗說 視頻教程

發送 blank 打包 鏈接 同步 pan 創建 開發 數據庫 第01章 課程預熱 1-1 1-2 為何選擇 React Native 1-3 RN 適合你麽第02章 初始 React Native 2-1 本地環境搭建 2-2 忍不住嘗嘗鮮 2-3

react-native開發總結

文件 select 全局 處理 eas 簡介 con 左右 java 項目地址:http://liu12fei08fei.github.io/blog/41react-native.html 說明 ? 項目總結代碼地址 ? 從項目開始啟動(2018-07-02)到項目進入測

React-Native開發react-navigation開發中的一些常見的坑

1 前言 都說RN開發效率高,一次學習隨處編寫。真的用RN開發了一個APP才知道,RN中坑真是太多,特別是很多坑只有在生產模式下才會出現,在平常的debug模式下,APP執行好好的,但是你一旦打正式包,就會發現各種報錯,各種崩潰,如果在Android平臺下,各種相容性,各種奇葩的問題

React-Native開發react-navigation之Android的打包與釋出

1前言 RN的開發中正式釋出前需要打包與簽名,然後才能上架各家應用市場。打包需要將js與圖片資原始檔打包進apk檔案中,生成index.android.bundle與index.android.bundle.meta檔案。下面介紹RN開發中打包APK的主要步驟,IOS沒研究過,不再本

React-Native開發react-navigation之自定義元件Counter

1 前言 我們知道RN中任何介面元素都可以看成元件,小到一個按鈕,大到一個頁面。RN開發就是不停的開發元件和使用元件,並讓他們協同工作,這樣高效率協同的執行起來,這樣就能完成一個APP的功能了 在實際的開發中,我們經常需要自定義一些滿足我們專案開發的自定義元件,類似於Android

React-Native開發react-navigation之AsyncStorage資料儲存

1 前言 我們都知道,在Android和IOS中分別有不同的持久化資料方式,例如Android中的檔案,資料庫,SharePrefences等。AsyncStorage是一個簡單的key-value儲存系統,是RN官方推薦的。它儲存的都是String型別的資料,是一個RN中輕量級的資

React-Native開發react-navigation之StackNavigator簡介

1 前言 react-navigation是RN開發中一款開源的導航元件,它的功能包括StackNavigator,TabNavigator,DrawerNavigator。react-navigation的出現替代了Navigator、 Ex-Navigation等老一代的導航元件

React-Native開發React Native 的Image元件

1 Image元件介紹 RN中Image元件主要用於載入圖片,可載入靜態圖片,網路圖片,以及原生圖片,本地檔案系統中圖片資源 官方參考https://facebook.github.io/react-native/docs/image#resizemode 2 Image元件功

React-Native開發React Native 的Touchable元件

1 Touchable元件簡介 Touchable元件是RN的按鈕元件,一共有四大類 TouchableWithoutFeedback:不帶任何反饋的可觸控元件 TouchableHighlight:在TouchableWithoutFeedback的基礎上添加了當按下時背景會變

React-Native開發React Native元件生命週期

1 前言 大家都知道React Native其實是由很多元件構成,開發RN介面的過程就是合理的組織各個元件的過程,在這其中需要不斷的拆分和優化元件。因此理解RN元件的生命週期很重要,這樣我們才能合理的在元件中進行我們的事務。 2 React Native元件生命週期 RN元件