寫react可以用哪些編輯器

這篇文章主要介紹了寫react可以用哪些編輯器，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

寫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可以用哪些編輯器”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!