小編給大家分享一下可以編輯react native的開發(fā)工具有哪些,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯(lián)公司是專業(yè)的如東網(wǎng)站建設(shè)公司,如東接單;提供
成都做網(wǎng)站、成都網(wǎng)站設(shè)計,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行如東網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
編輯react native的工具有:Atom、Sublime Text、Visual Studio Code、WebStorm、Nuclide、Deco IDE(專為React Native打造的IDE)、GNU Emacs編輯器等等。
可以編輯react native的開發(fā)工具
1、Atom
- 官網(wǎng):https://atom.io/
- Github 項目地址:atom(https://github.com/atom)
文檔:
- 設(shè)置:http://flight-manual.atom.io/
- Atom with React Native:https://blog.sendbird.com/tutorial-build-a-messaging-app-using-react-native/
支持平臺:Windows、Mac、Linux
- Licence:開源
- 特性:
- 跨平臺編輯
- 內(nèi)置包管理器
- 智能自動補全
- 文件系統(tǒng)瀏覽器
- 多個窗格
- 查找和替換
Atom 是一款現(xiàn)代化、易用、可控的文本編輯器。Atom 被開發(fā)人員廣泛應(yīng)用于多種編程語言。它有一個龐大而活躍的社區(qū),誕生了很多有用的插件。
Atom 常用的包:
- atom-react-native-autocomplete package - 該包針對 React-Native,為 Atom 編輯器提供自動補全功能。
- atom-react-native-css - 這是一個內(nèi)置支持 SASS、SCSS 的 React-Native 組件的包。React-native-css 將有效的 CSS、SASS轉(zhuǎn)換為 CSS 的 Facebook 子集。
- react-native-snippets - 該包是 Atom和 Nuclide 的 React Native 片段。
- zenchat-snippets - 它是react-native、redux 和 ES6 的片段集合。
- atom-xcode - 用于集成 Mac Xcode 和 atom。安裝之后,iOS 模擬器可以在 atom 內(nèi)進行控制。
- language-babel - 包含所有 JavaScript 版本的語法,包括 ES2016 和 ESNext、用于 Facebook React 的 JSX 語法、以及 Atom 的 etch。
2、Sublime Text
- 官網(wǎng):https://www.sublimetext.com/
- Github 項目地址:SublimeText(https://github.com/SublimeText)
- 文檔:
- 設(shè)置:https://www.sublimetext.com/docs/3/
- SublimeText for React Native:https://zaicheng.me/2016/06/20/react-native-initial-setup/
- 為 React-JSX 開發(fā)設(shè)置 SublimeText:(http://www.nitinh.com/2015/02/setting-sublime-text-react-jsx-development/)
- 支持平臺:Windows、Mac、Linux
- Licence:可以免費下載和試用,繼續(xù)使用需購買 License。
- 特性:
- Goto Anything 功能
- 多個選擇
- 命令終端
- 分心自由模式
- 拆分編輯
- 即時項目開關(guān)
- 插件 API
- 可自定義任何東西
- 跨平臺
- 設(shè)置 React Native:nitinh.com/2015/02/setting-sublime-text-react-jsx-development/
Sublime Text 是一個復(fù)雜的文本編輯器,可用于編寫代碼、做標(biāo)記和編寫普通文本。社區(qū)提供了大量的插件擴展其功能。Sublime Text 一直是開發(fā)人員最喜歡的編輯器。
Sublime Text 常用包
- react-native-snippets - 用于 react native 的 Sublime Text 的片段集合
- babel-sublime - 具有 React JSX 擴展的 ES6 JavaScript 的語法定義。
3、Visual Studio Code
- 官網(wǎng):https://code.visualstudio.com/
- Github 項目地址:Microsoft/vscode(https://github.com/Microsoft/vscode)
- 文檔:
- 設(shè)置:https://code.visualstudio.com/docs
- 使用 Visual Studio Code 開發(fā) React Native 應(yīng)用:https://blogs.msdn.microsoft.com/visualstudio/2016/02/22/develop-reactnative-apps-in-visual-studio-code/
- 支持平臺:Windows、Mac、Linux
- 特性:
Visual Studio Code 是由 Microsoft 為 Windows、Linux 和 OS X 開發(fā)的源代碼編輯器。它是免費和開源的,支持調(diào)試、嵌入式 Git 控件、語法高亮、智能代碼補全、代碼段和代碼重構(gòu)。
擴展
- ReactNative Tools - 此擴展為React Native 項目提供了開發(fā)環(huán)境。你可以調(diào)試代碼,從命令終端快速運行react-native 命令,并使用 IntelliSense 瀏覽 React Native API 的對象、函數(shù)和參數(shù)。
Vim編輯器
4、WebStorm
- 官網(wǎng):https://www.jetbrains.com/webstorm/
- 文檔:
- 官方文檔:https://www.jetbrains.com/webstorm/documentation/
- 使用外部工具:https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/
- License:收費(單個用戶第一年需支付 129 美元)
- 支持平臺:Windows、Mac、Linux
- 特性:
- 智能編碼協(xié)助
- 支持新技術(shù)
- 版本控制系統(tǒng)
- 無縫工具集成
- 調(diào)試、跟蹤和測試
- 內(nèi)置終端
WebStorm 建立在開源 IntelliJ 平臺之上,JetBrains 已經(jīng)開發(fā)和完善了15多年。它提供與 VSC、本地歷史功能的緊密集成,具有充滿活力的插件生態(tài)系統(tǒng),是完全可配置的,還提供大量其他的功能。WebStorm 為 React 和 JSX 提供高級支持,并提供 React Native 應(yīng)用程序的核心編碼協(xié)助。
5、Nuclide
- 官網(wǎng):https://nuclide.io/
- Github 項目地址:facebook / nuclide(https://github.com/facebook/nuclide)
- 文檔:
- 設(shè)置:https://nuclide.io/docs/editor/setup/
- Nuclide with React Native:https://nuclide.io/docs/platforms/react-native/
- 支持平臺:Windows、Mac、Linux
- Licence:開源
- 特性:
- 內(nèi)置調(diào)試
- 遠(yuǎn)程開發(fā)
- Developing Hack
- 支持 Mercurial
- 工作集
Nuclide 是基于 Atom 之上構(gòu)建的單獨的一個包,其提供可編程性且社區(qū)非?;钴S。它為 React Native、Hack 和 Flow 項目提供一流的開發(fā)環(huán)境。
6、Deco IDE
- 官網(wǎng):https://www.decosoftware.com/
- Github 項目地址:decosoftware/deco-ide(https://github.com/decosoftware/deco-ide)
- 文檔:
- 官方文檔:https://www.decosoftware.com/docs
- 支持平臺:Mac(僅適用于iOS)
- License:開源
- 特性:
Deco 是專為 React Native 打造的 IDE。它是一個用于編寫 React Native 應(yīng)用程序的一體化解決方案,無需任何環(huán)境設(shè)置即可下載和使用。Deco 專注于組件重用,并支持用戶對 UI 的實時編輯,從而改進了React Native 開發(fā)工作流程。
7、GNU Emacs 編輯器
- 官網(wǎng):https://www.gnu.org/software/emacs/
- 文檔:
- 官方文檔:https://www.gnu.org/software/emacs/documentation.html
- 針對 React Native 的初始設(shè)置:http://www.cyrusinnovation.com/initial-emacs-setup-for-reactreactnative/
- License:遵循 GPL
- 支持平臺:Windows、Mac、Linux
- 特性:
- 內(nèi)容感知編輯模式,包括語法著色,適用于多種文件類型。
- 完整的內(nèi)置文檔,包括新手教程。
- 支持幾乎所有腳本語言的 Unicode 編碼。
- 高度可定制,使用 Emacs Lisp 代碼或圖形界面。
- 具有用于下載和安裝擴展的包系統(tǒng)。
GNU EMACS 是一個可擴展、可定制、免費、自由的文本編輯器。
擴展
- web-mode.el - 它是一個自主的 emacs 主模塊,用于編輯 Web模板。它與許多語言兼容,包括 JSX(React)。
以上是“可以編輯react native的開發(fā)工具有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
當(dāng)前名稱:可以編輯reactnative的開發(fā)工具有哪些-創(chuàng)新互聯(lián)
分享網(wǎng)址:
http://weahome.cn/article/hhjpd.html