写react用什么编辑器-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

写react可以用多种编辑器，如：1、Atom，一个跨平台文本编辑器；2、Visual Studio Code，一个跨平台源代码编辑器；3、WebStorm编辑器；4、Sublime Text；5、Vim，一种高度可配置的文本编辑器等等。

本教程操作环境：windows7系统、React17版，DELL G3电脑，该方法适用于所有品牌电脑。

推荐：《react视频教程》

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等操作系统。

阅读剩余部分