• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

用什么工具编辑react native?

react 搞代码 4年前 (2021-12-28) 56次浏览 已收录 0个评论

用什么工具编辑react native?下面本篇文章给大家介绍7个React Native 应用开发编辑器。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

1. Atom

Atom 是一款现代化、易用、可控的文本编辑器。Atom 被开发人员广泛应用于多种编程语言。它有一个庞大而活跃的社区,诞生了很多有用的插件。

官网:https://atom.io/

Github 项目地址:atom(https://github.com/atom)

特性:

  • 跨平台编辑

  • 内置包管理器

  • 智能自动补全

  • 文件系统浏览器

  • 多个窗格

  • 查找和替换

Atom 常用的包:

  • atom-react-native-autocomplete package – 该包针对 React-Native,为 Atom 编辑器提供自动补全功能。

  • atom-react-native-css – 这是一个内置支持 SASS、SCSS 的 React-Native 组件的包。React-native-css 将有效的 CSS、SASS转换为 CSS 的 Facebook 子集。

  • react-native-snippets – 该包是 Atom和 Nuclide 的 React Native 片段。

  • zenchat-snippets – 它是react-native、redux 和 ES6 的片段集合。

  • atom-xcode – 用于集成 Mac Xcode 和 atom。安装之后,iOS 模拟器可以在 atom 内进行控制。

  • language-babel – 包含所有 JavaScript 版本的语法,包括 ES2016 和 ESNext、用于 Facebook React 的 JSX 语法、以及 Atom 的 etch。

2. Nuclide

Nuclide 是基于 Atom 之上构建的单独的一个包,其提供可编程性且社区非常活跃。它为 React Native、Hack 和 Flow 项目提供一流的开发环境。

官网:https://nuclide.io/

Github 项目地址:facebook / nuclide(https://github.com/facebook/nuclide)

特性:

  • 内置调试

  • 远程开发

  • Developing Hack

  • 支持 Mercurial

  • 工作集

3. Sublime Text

Sublime Text 是一个复杂的文本编辑器,可用于编写代码、做标记和编写普通文本。社区提供了大量的插件扩展其功能。Sublime Text 一直是开发人员最喜欢的编辑器。

官网:https://www.sublimetext.com/

Github 项目地址:SublimeText(https://github.com/SublimeText)

特性:

  • Goto Anything 功能

  • 多个选择

  • 命令终端

  • 分心自由模式

  • 拆分编辑

  • 即时项目开关

  • 插件 API

  • 可自定义任何东西

  • 跨平台

Sublime Text 常用包

  • react-native-snippets – 用于 react native 的 Sublime Text 的片段集合

  • babel-sublime – 具有 React JSX 扩展的 ES6 JavaScript 的语法定义。

4. Visual Studio Code

Visual Studio Code 是由 Microsoft 为 Windows、Linux 和 OS X 开发的源代码编辑器。它是免费和开源的,支持调试、嵌入式 Git 控件、语法高亮、智能代码补全、代码段和代码重构。

官网:https://code.visualstudio.com/

Github 项目地址:Microsoft/vscode(https://github.com/Microsoft/vscode)

特性:

  • 内置 Git 命令

  • 可扩展并且可定制

扩展:

ReactNative Tools – 此扩展为React Native 项目提供了开发环境。你可以调试代码,从命令终端快速运行 react-native 命令,并使用 IntelliSense 浏览 React Native API 的对象、函数和参数。

5. Vim 编辑器

Vim 是一种高度可配置的文本编辑器,可以非常高效地创建和更改任何类型的文本。大多数 UNIX 系统都以 “vi” 的形式支持它。许多开发人员喜欢使用 Vim 进行各种编辑工作。Vim 非常稳定,并且在不断发展而变得更好。

官网:http://www.vim.org/

Github 项目地址:vim/vim(https://github.com/vim/vim)

特性:

  • 持久、多层次的撤销树

  • 广泛的插件系统

  • 支持数百种编程语言和文件格式

  • 强大的搜索和替换功能

  • 能够与许多工具集成

Vim 插件:

  • vim-jsx – 提供 JSX 的语法高亮和缩进。

  • vim-react-snippets – 一组为 Vim 打造的可与Facebook 的 React 库一起使用的片段。

  • vim-babel – 一组为 Vim 打造的可与Facebook 的 React 库一起使用的片段。

6. Deco IDE

Deco 是专为 React Native 打造的 IDE。它是一个用于编写 React Native 应用程序的一体化解决方案,无需任何环境设置即可下载和使用。Deco 专注于组件重用,并支持用户对 UI 的实时编辑,从而改进了React Native 开发工作流程。

官网:https://www.decosoftware.com/

Github 项目地址:decosoftware/deco-ide(https://github.com/decosoftware/deco-ide)

文档:

  • 官方文档:https://www.decosoftware.com/docs

特性:

  • 组件搜索和插入

  • 实时调整

  • 新文件支架

7. WebStorm

WebStorm 建立在开源 IntelliJ 平台之上,JetBrains 已经开发和完善了15多年。它提供与 VSC、本地历史功能的紧密集成,具有充满活力的插件生态系统,是完全可配置的,还提供大量其他的功能。WebStorm 为 React 和 JSX 提供高级支持,并提供 React Native 应用程序的核心编码协助。

官网: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

特性:

  • 智能编码协助

  • 支持最新技术

  • 版本控制系统

  • 无缝工具集成

  • 调试、跟踪和测试

  • 内置终端

总结

所有代码编辑器都具有丰富而强大的功能。且其中的插件和扩展来源gao@dai!ma.com搞$代^码网都可以适应 React Native 环境,因此在迁移到 React-Native 时,我们不必迁移到不同的代码编辑器。

前端开发工具下载,可访问:前端工具 栏目!!

更多react的相关知识,请查阅 搞代码网 !!

以上就是用什么工具编辑react native?的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:用什么工具编辑react native?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址