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

創(chuàng)新互聯(lián)堅(jiān)信：善待客戶，將會成為終身客戶。我們能堅(jiān)持多年，是因?yàn)槲覀円恢笨芍档眯刨?。我們從不忽悠初訪客戶，我們用心做好本職工作，不忘初心，方得始終。10余年網(wǎng)站建設(shè)經(jīng)驗(yàn)創(chuàng)新互聯(lián)是成都老牌網(wǎng)站營銷服務(wù)商,為您提供成都做網(wǎng)站、網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、H5技術(shù)、網(wǎng)站制作、成都品牌網(wǎng)站建設(shè)、小程序開發(fā)服務(wù),給眾多知名企業(yè)提供過好品質(zhì)的建站服務(wù)。

寫react可以用多種編輯器，如：1、Atom，一個跨平臺文本編輯器；2、Visual Studio Code，一個跨平臺源代碼編輯器；3、WebStorm編輯器；4、Sublime Text；5、Vim，一種高度可配置的文本編輯器等等。

Atom

Atom 是專門為程序員推出的一個跨平臺文本編輯器，是一款現(xiàn)代化、易用、可控的文本編輯器。Atom 被開發(fā)人員廣泛應(yīng)用于多種編程語言。它有一個龐大而活躍的社區(qū)，誕生了很多有用的插件。

官網(wǎng)：https://atom.io/

特性：

跨平臺編輯

內(nèi)置包管理器

智能自動補(bǔ)全

文件系統(tǒng)瀏覽器

多個窗格

查找和替換

Visual Studio Code

Visual Studio Code 是由 Microsoft 為 Windows、Linux 和 OS X 開發(fā)的，針對于編寫現(xiàn)代 Web 和云應(yīng)用的跨平臺源代碼編輯器。。它是免費(fèi)和開源的，支持調(diào)試、嵌入式 Git 控件、語法高亮、智能代碼補(bǔ)全、代碼段和代碼重構(gòu)。

官網(wǎng)：https://code.visualstudio.com/

特性：

內(nèi)置 Git 命令

可擴(kuò)展并且可定制

安裝相應(yīng)插件

必要：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 已經(jīng)開發(fā)和完善了15多年。它提供與 VSC、本地歷史功能的緊密集成，具有充滿活力的插件生態(tài)系統(tǒng)，是完全可配置的，還提供大量其他的功能。WebStorm 為 React 和 JSX 提供高級支持，并提供 React Native 應(yīng)用程序的核心編碼協(xié)助。

官網(wǎng)：https://www.jetbrains.com/webstorm/

特性：

智能編碼協(xié)助

支持最新技術(shù)

版本控制系統(tǒng)

無縫工具集成

調(diào)試、跟蹤和測試

內(nèi)置終端

Sublime Text

Sublime Text 是一個文本編輯器（收費(fèi)軟件，可以無限期試用，但是會有激活提示彈窗），同時也是一個先進(jìn)的代碼編輯器。Sublime Text是由程序員Jon Skinner于2008年1月份所開發(fā)出來，它最初被設(shè)計(jì)為一個具有豐富擴(kuò)展功能的Vim。

Sublime Text具有漂亮的用戶界面和強(qiáng)大的功能，例如代碼縮略圖，Python的插件，代碼段等。還可自定義鍵綁定，菜單和工具欄。Sublime Text 的主要功能包括：拼寫檢查，書簽，完整的 Python API ， Goto 功能，即時項(xiàng)目切換，多選擇，多窗口等等。Sublime Text 是一個跨平臺的編輯器，同時支持Windows、Linux、Mac OS X等操作系統(tǒng)。

官網(wǎng)：https://www.sublimetext.com/

特性：

Goto Anything 功能

多個選擇

命令終端

分心自由模式

拆分編輯

即時項(xiàng)目開關(guān)

插件 API

可自定義任何東西

跨平臺

Sublime Text 常用包

babel-sublime - 具有 React JSX 擴(kuò)展的 ES6 JavaScript 的語法定義。

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

Vim 編輯器

Vim 是一種高度可配置的文本編輯器，可以非常高效地創(chuàng)建和更改任何類型的文本。大多數(shù) UNIX 系統(tǒng)都以 “vi” 的形式支持它。許多開發(fā)人員喜歡使用 Vim 進(jìn)行各種編輯工作。Vim 非常穩(wěn)定，并且在不斷發(fā)展而變得更好。

官網(wǎng)：http://www.vim.org/

特性：

持久、多層次的撤銷樹

廣泛的插件系統(tǒng)

支持?jǐn)?shù)百種編程語言和文件格式

強(qiáng)大的搜索和替換功能

能夠與許多工具集成

Vim 插件

vim-jsx - 提供 JSX 的語法高亮和縮進(jìn)。

vim-react-snippets - 一組為 Vim 打造的可與Facebook 的 React 庫一起使用的片段。

vim-babel - 一組為 Vim 打造的可與Facebook 的 React 庫一起使用的片段。

Spacemacs 編輯器

Spacemacs 是一個社區(qū)驅(qū)動的 Emacs 發(fā)行版 - 最好的編輯器既不是 Emacs 也不是Vim，它是 Emacs 和 Vim 相結(jié)合！

官網(wǎng)：http://spacemacs.org/

特性：

密鑰綁定使用助記符前綴進(jìn)行組織

可發(fā)現(xiàn) - 創(chuàng)新的實(shí)時顯示可用的鍵綁定。

相似的功能具有與之相同的密鑰

簡單的查詢系統(tǒng)可以快速找到可用的層、包等。

社區(qū)驅(qū)動的配置提供了強(qiáng)大的用戶可調(diào)的包，bug 可被快速修復(fù)。

擴(kuò)展

React layer - 適用于 React 的 ES6 和 JSX 配置層。它將自動識別 .jsx 和 .react.js 文件。一個用于 React集成的包層。

TextMate 編輯器

TextMate 并不是 IDE，但是通過使用其強(qiáng)大的片段、宏和獨(dú)特的范圍界定系統(tǒng)，它通常可以提供即使是編程語言特定的 IDE 都缺乏的功能。React 不直接支持，但是借助下面的插件可以很容易地獲得對大多數(shù) React 代碼所基于的 JSX 的支持。

官網(wǎng)：https://macromates.com/

特性：

CSS 選擇器可確定操作和設(shè)置的范圍

快速概述和導(dǎo)航功能彈出

可以把你最喜歡的腳本語言作為插件集成

從文檔中運(yùn)行 Shell 命令

代碼高亮

可與 Xcode 協(xié)作并構(gòu)建 Xcode 項(xiàng)目

插件

javascript-jsx.tmbundle - 用于JSX（React）的 Textmate Bundle。目前支持語法高亮。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“寫react可以用哪些編輯器”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!