寫(xiě)react可以用哪些編輯器

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

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

Atom

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

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

特性：

跨平臺(tái)編輯

內(nèi)置包管理器

智能自動(dòng)補(bǔ)全

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

多個(gè)窗格

查找和替換

Visual Studio Code

Visual Studio Code 是由 Microsoft 為 Windows、Linux 和 OS X 開(kāi)發(fā)的，針對(duì)于編寫(xiě)現(xiàn)代 Web 和云應(yīng)用的跨平臺(tái)源代碼編輯器。。它是免費(fèi)和開(kāi)源的，支持調(diào)試、嵌入式 Git 控件、語(yǔ)法高亮、智能代碼補(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 建立在開(kāi)源 IntelliJ 平臺(tái)之上，JetBrains 已經(jīng)開(kāi)發(fā)和完善了15多年。它提供與 VSC、本地歷史功能的緊密集成，具有充滿活力的插件生態(tài)系統(tǒng)，是完全可配置的，還提供大量其他的功能。WebStorm 為 React 和 JSX 提供高級(jí)支持，并提供 React Native 應(yīng)用程序的核心編碼協(xié)助。

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

特性：

智能編碼協(xié)助

支持最新技術(shù)

版本控制系統(tǒng)

無(wú)縫工具集成

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

內(nèi)置終端

Sublime Text

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

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

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

特性：

Goto Anything 功能

多個(gè)選擇

命令終端

分心自由模式

拆分編輯

即時(shí)項(xiàng)目開(kāi)關(guān)

插件 API

可自定義任何東西

跨平臺(tái)

Sublime Text 常用包

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

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

Vim 編輯器

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

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

特性：

持久、多層次的撤銷樹(shù)

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

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

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

能夠與許多工具集成

Vim 插件

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

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

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

Spacemacs 編輯器

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

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

特性：

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

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

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

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

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

擴(kuò)展

React layer - 適用于 React 的 ES6 和 JSX 配置層。它將自動(dòng)識(shí)別 .jsx 和 .react.js 文件。一個(gè)用于 React集成的包層。

TextMate 編輯器

TextMate 并不是 IDE，但是通過(guò)使用其強(qiáng)大的片段、宏和獨(dú)特的范圍界定系統(tǒng)，它通?？梢蕴峁┘词故蔷幊陶Z(yǔ)言特定的 IDE 都缺乏的功能。React 不直接支持，但是借助下面的插件可以很容易地獲得對(duì)大多數(shù) React 代碼所基于的 JSX 的支持。

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

特性：

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

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

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

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

代碼高亮

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

插件

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

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