十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章主要介绍了写react可以用哪些编辑器,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
我们提供的服务有:成都网站设计、成都做网站、微信公众号开发、网站优化、网站认证、沙湾ssl等。为成百上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的沙湾网站制作公司写react可以用多种编辑器,如:1、Atom,一个跨平台文本编辑器;2、Visual Studio Code,一个跨平台源代码编辑器;3、WebStorm编辑器;4、Sublime Text;5、Vim,一种高度可配置的文本编辑器等等。
Atom
Atom 是专门为程序员推出的一个跨平台文本编辑器,是一款现代化、易用、可控的文本编辑器。Atom 被开发人员广泛应用于多种编程语言。它有一个庞大而活跃的社区,诞生了很多有用的插件。
官网:https://atom.io/
特性:
跨平台编辑
内置包管理器
智能自动补全
文件系统浏览器
多个窗格
查找和替换
Visual Studio Code
Visual Studio Code 是由 Microsoft 为 Windows、Linux 和 OS X 开发的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。。它是免费和开源的,支持调试、嵌入式 Git 控件、语法高亮、智能代码补全、代码段和代码重构。
官网:https://code.visualstudio.com/
特性:
内置 Git 命令
可扩展并且可定制
安装相应插件
必要:ESLint、DocumentThis、EasyLess、Complete JSDoc Tags、vscode-flow-ide、React native Tools、vscode-wechat、npm、babel-javascript、debugger for chrome、git lens、node debug 2、
可选:javascript (ES6) code snippets、reactjs code snippets、react-native/react/redux snippets for es6/es7、highlight bad chars、color highlight、Path Intellisense、partial diff
WebStorm
WebStorm 建立在开源 IntelliJ 平台之上,JetBrains 已经开发和完善了15多年。它提供与 VSC、本地历史功能的紧密集成,具有充满活力的插件生态系统,是完全可配置的,还提供大量其他的功能。WebStorm 为 React 和 JSX 提供高级支持,并提供 React Native 应用程序的核心编码协助。
官网:https://www.jetbrains.com/webstorm/
特性:
智能编码协助
支持新技术
版本控制系统
无缝工具集成
调试、跟踪和测试
内置终端
Sublime Text
Sublime Text 是一个文本编辑器(收费软件,可以无限期试用,但是会有激活提示弹窗),同时也是一个先进的代码编辑器。Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim。
Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括:拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。
官网:https://www.sublimetext.com/
特性:
Goto Anything 功能
多个选择
命令终端
分心自由模式
拆分编辑
即时项目开关
插件 API
可自定义任何东西
跨平台
Sublime Text 常用包
babel-sublime - 具有 React JSX 扩展的 ES6 JavaScript 的语法定义。
react-native-snippets - 用于 react native 的 Sublime Text 的片段集合
Vim 编辑器
Vim 是一种高度可配置的文本编辑器,可以非常高效地创建和更改任何类型的文本。大多数 UNIX 系统都以 “vi” 的形式支持它。许多开发人员喜欢使用 Vim 进行各种编辑工作。Vim 非常稳定,并且在不断发展而变得更好。
官网:http://www.vim.org/
特性:
持久、多层次的撤销树
广泛的插件系统
支持数百种编程语言和文件格式
强大的搜索和替换功能
能够与许多工具集成
Vim 插件
vim-jsx - 提供 JSX 的语法高亮和缩进。
vim-react-snippets - 一组为 Vim 打造的可与Facebook 的 React 库一起使用的片段。
vim-babel - 一组为 Vim 打造的可与Facebook 的 React 库一起使用的片段。
Spacemacs 编辑器
Spacemacs 是一个社区驱动的 Emacs 发行版 - 好的编辑器既不是 Emacs 也不是Vim,它是 Emacs 和 Vim 相结合!
官网:http://spacemacs.org/
特性:
密钥绑定使用助记符前缀进行组织
可发现 - 创新的实时显示可用的键绑定。
相似的功能具有与之相同的密钥
简单的查询系统可以快速找到可用的层、包等。
社区驱动的配置提供了强大的用户可调的包,bug 可被快速修复。
扩展
React layer - 适用于 React 的 ES6 和 JSX 配置层。它将自动识别 .jsx 和 .react.js 文件。一个用于 React集成的包层。
TextMate 编辑器
TextMate 并不是 IDE,但是通过使用其强大的片段、宏和独特的范围界定系统,它通常可以提供即使是编程语言特定的 IDE 都缺乏的功能。React 不直接支持,但是借助下面的插件可以很容易地获得对大多数 React 代码所基于的 JSX 的支持。
官网:https://macromates.com/
特性:
CSS 选择器可确定操作和设置的范围
快速概述和导航功能弹出
可以把你最喜欢的脚本语言作为插件集成
从文档中运行 Shell 命令
代码高亮
可与 Xcode 协作并构建 Xcode 项目
插件
javascript-jsx.tmbundle - 用于JSX(React)的 Textmate Bundle。目前支持语法高亮。
感谢你能够认真阅读完这篇文章,希望小编分享的“写react可以用哪些编辑器”这篇文章对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,更多相关知识等着你来学习!