html有什么編輯軟件

這篇文章將為大家詳細(xì)講解有關(guān)html有什么編輯軟件，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

html編輯軟件有：Nuclide、Atom、Sublime Text、Visual Studio Code、Vim編輯器、GNU Emacs編輯器、Spacemacs編輯器、Deco IDE、WebStorm、TextMate編輯器等。

市面上用于開(kāi)發(fā)工作的編輯器非常多，筆者會(huì)經(jīng)常因?yàn)椴煌木幊陶Z(yǔ)言該如何選擇好用的編輯器而感到糾結(jié)。而在隨后從事 React Native 開(kāi)發(fā)工作過(guò)程中，對(duì)相應(yīng)的編輯器做了一些探索和研究，本文總結(jié)了一些非常適合移動(dòng)應(yīng)用開(kāi)發(fā)的編輯器和 IDE。

1. Nuclide

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

• Github 項(xiàng)目地址：facebook / nuclide(https://github.com/facebook/nuclide)

• 文檔：
  

• 設(shè)置：https://nuclide.io/docs/editor/setup/

• Nuclide with React Native：https://nuclide.io/docs/platforms/react-native/

• 支持平臺(tái)：Windows、Mac、Linux

• Licence：開(kāi)源

• 特性：
  

• 內(nèi)置調(diào)試

• 遠(yuǎn)程開(kāi)發(fā)

• Developing Hack

• 支持 Mercurial

• 工作集

Nuclide 是基于 Atom 之上構(gòu)建的單獨(dú)的一個(gè)包，其提供可編程性且社區(qū)非常活躍。它為 React Native、Hack 和 Flow 項(xiàng)目提供一流的開(kāi)發(fā)環(huán)境。

2. Atom

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

• Github 項(xiàng)目地址：atom(https://github.com/atom)

• 文檔：

• 設(shè)置：http://flight-manual.atom.io/

• Atom with React Native：https://blog.sendbird.com/tutorial-build-a-messaging-app-using-react-native/

• 支持平臺(tái)：Windows、Mac、Linux

• Licence：開(kāi)源

• 特性：
  

• 跨平臺(tái)編輯

• 內(nèi)置包管理器

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

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

• 多個(gè)窗格

• 查找和替換

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

Atom 常用的包：

• atom-react-native-autocomplete package - 該包針對(duì) React-Native，為 Atom 編輯器提供自動(dòng)補(bǔ)全功能。

• atom-react-native-css - 這是一個(gè)內(nèi)置支持 SASS、SCSS 的 React-Native 組件的包。React-native-css 將有效的 CSS、SASS轉(zhuǎn)換為 CSS 的 Facebook 子集。

• react-native-snippets - 該包是 Atom和 Nuclide 的 React Native 片段。

• zenchat-snippets - 它是react-native、redux 和 ES6 的片段集合。

• atom-xcode - 用于集成 Mac Xcode 和 atom。安裝之后，iOS 模擬器可以在 atom 內(nèi)進(jìn)行控制。

• language-babel - 包含所有 JavaScript 版本的語(yǔ)法，包括 ES2016 和 ESNext、用于 Facebook React 的 JSX 語(yǔ)法、以及 Atom 的 etch。

3. Sublime Text

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

• Github 項(xiàng)目地址：SublimeText(https://github.com/SublimeText)

• 文檔：
  

• 設(shè)置：https://www.sublimetext.com/docs/3/

• SublimeText for React Native：https://zaicheng.me/2016/06/20/react-native-initial-setup/

• 為 React-JSX 開(kāi)發(fā)設(shè)置 SublimeText：(http://www.nitinh.com/2015/02/setting-sublime-text-react-jsx-development/)

• 支持平臺(tái)：Windows、Mac、Linux

• Licence：可以免費(fèi)下載和試用，繼續(xù)使用需購(gòu)買(mǎi) License。

• 特性：
  

• Goto Anything 功能

• 多個(gè)選擇

• 命令終端

• 分心自由模式

• 拆分編輯

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

• 插件 API

• 可自定義任何東西

• 跨平臺(tái)

• 設(shè)置 React Native：nitinh.com/2015/02/setting-sublime-text-react-jsx-development/

Sublime Text 是一個(gè)復(fù)雜的文本編輯器，可用于編寫(xiě)代碼、做標(biāo)記和編寫(xiě)普通文本。社區(qū)提供了大量的插件擴(kuò)展其功能。Sublime Text 一直是開(kāi)發(fā)人員最喜歡的編輯器。

Sublime Text 常用包

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

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

4. Visual Studio Code

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

• Github 項(xiàng)目地址：Microsoft/vscode(https://github.com/Microsoft/vscode)

• 文檔：
  

• 設(shè)置：https://code.visualstudio.com/docs

• 使用 Visual Studio Code 開(kāi)發(fā) React Native 應(yīng)用：https://blogs.msdn.microsoft.com/visualstudio/2016/02/22/develop-reactnative-apps-in-visual-studio-code/

• 支持平臺(tái)：Windows、Mac、Linux

• 特性：
  

• 內(nèi)置 Git 命令

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

Visual Studio Code 是由 Microsoft 為 Windows、Linux 和 OS X 開(kāi)發(fā)的源代碼編輯器。它是免費(fèi)和開(kāi)源的，支持調(diào)試、嵌入式 Git 控件、語(yǔ)法高亮、智能代碼補(bǔ)全、代碼段和代碼重構(gòu)。

擴(kuò)展

• ReactNative Tools - 此擴(kuò)展為React Native 項(xiàng)目提供了開(kāi)發(fā)環(huán)境。你可以調(diào)試代碼，從命令終端快速運(yùn)行 react-native 命令，并使用 IntelliSense 瀏覽 React Native API 的對(duì)象、函數(shù)和參數(shù)。
  Vim編輯器

5. Vim 編輯器

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

• Github 項(xiàng)目地址：vim/vim(https://github.com/vim/vim)

• 文檔：

• Vim 文檔：http://www.vim.org/docs.php

• 為 React-JSX 設(shè)置 Vim：https://jaxbot.me/articles/setting-up-vim-for-react-js-jsx-02-03-2015

• License：開(kāi)源

• 支持平臺(tái)：Mac、Linux

• 特性：
  

• 持久、多層次的撤銷(xiāo)樹(shù)

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

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

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

• 能夠與許多工具集成

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

Vim 插件

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

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

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

6. GNU Emacs 編輯器

• 官網(wǎng)：https://www.gnu.org/software/emacs/

• 文檔：
  

• 官方文檔：https://www.gnu.org/software/emacs/documentation.html

• 針對(duì) React Native 的初始設(shè)置：http://www.cyrusinnovation.com/initial-emacs-setup-for-reactreactnative/

• License：遵循 GPL

• 支持平臺(tái)：Windows、Mac、Linux

• 特性：
  

• 內(nèi)容感知編輯模式，包括語(yǔ)法著色，適用于多種文件類(lèi)型。

• 完整的內(nèi)置文檔，包括新手教程。

• 支持幾乎所有腳本語(yǔ)言的 Unicode 編碼。

• 高度可定制，使用 Emacs Lisp 代碼或圖形界面。

• 具有用于下載和安裝擴(kuò)展的包系統(tǒng)。

GNU EMACS 是一個(gè)可擴(kuò)展、可定制、免費(fèi)、自由的文本編輯器。

擴(kuò)展

• web-mode.el - 它是一個(gè)自主的 emacs 主模塊，用于編輯 Web模板。它與許多語(yǔ)言兼容，包括 JSX（React）。

7. Spacemacs 編輯器

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

• Github 項(xiàng)目地址：syl20bnr/spacemacs(https://github.com/syl20bnr/spacemacs)

• 文檔：
  

• 官方文檔：http://spacemacs.org/doc/DOCUMENTATION.html

• License：開(kāi)源

• 支持平臺(tái)：Windows、Mac、Linux

• 特性：
  

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

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

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

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

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

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

擴(kuò)展

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

8. Deco IDE

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

• Github 項(xiàng)目地址：decosoftware/deco-ide(https://github.com/decosoftware/deco-ide)

• 文檔：
  

• 官方文檔：https://www.decosoftware.com/docs

• 支持平臺(tái)：Mac（僅適用于iOS）

• License：開(kāi)源

• 特性：
  

• 組件搜索和插入

• 實(shí)時(shí)調(diào)整

• 新文件支架

Deco 是專(zhuān)為 React Native 打造的 IDE。它是一個(gè)用于編寫(xiě) React Native 應(yīng)用程序的一體化解決方案，無(wú)需任何環(huán)境設(shè)置即可下載和使用。Deco 專(zhuān)注于組件重用，并支持用戶(hù)對(duì) UI 的實(shí)時(shí)編輯，從而改進(jìn)了React Native 開(kāi)發(fā)工作流程。

9. WebStorm

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

• 文檔：
  

• 官方文檔：https://www.jetbrains.com/webstorm/documentation/

• 使用外部工具：https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/

• License：收費(fèi)（單個(gè)用戶(hù)第一年需支付 129 美元）

• 支持平臺(tái)：Windows、Mac、Linux

• 特性：
  

• 智能編碼協(xié)助

• 支持最新技術(shù)

• 版本控制系統(tǒng)

• 無(wú)縫工具集成

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

• 內(nèi)置終端

WebStorm 建立在開(kāi)源 IntelliJ 平臺(tái)之上，JetBrains 已經(jīng)開(kāi)發(fā)和完善了15多年。它提供與 VSC、本地歷史功能的緊密集成，具有充滿(mǎn)活力的插件生態(tài)系統(tǒng)，是完全可配置的，還提供大量其他的功能。WebStorm 為 React 和 JSX 提供高級(jí)支持，并提供 React Native 應(yīng)用程序的核心編碼協(xié)助。

10. TextMate 編輯器

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

• 文檔：
  

• 官方文檔：http://manual.macromates.com/en/

• License：收費(fèi)（單個(gè)用戶(hù) License 為48.75歐元）

• 支持平臺(tái)：Mac

• 特性：
  

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

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

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

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

• 代碼高亮

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

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

插件

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

關(guān)于“html有什么編輯軟件”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。