html編集ソフトとは何ですか？-フロントエンドQ&A-php.cn

" >#1. Nuclide

5. Vim エディタ" >5. Vim エディタ

7. Spacemacs エディター" >7. Spacemacs エディター

#9.WebStorm" >#9.WebStorm

10. TextMate エディタ" >10. TextMate エディタ

ホームページ

ウェブフロントエンド

フロントエンドQ&A

html編集ソフトとは何ですか？

青灯夜游

Mar 30, 2021 pm 02:35 PM

html コードエディタ

html 編集ソフトウェアには、Nuclide、Atom、Sublime Text、Visual Studio Code、Vim エディター、GNU Emacs エディター、Spacemacs エディター、Deco IDE、WebStorm、TextMate エディターなどが含まれます。

html編集ソフトとは何ですか？

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

市場には開発作業用のエディタが多数ありますが、さまざまなプログラミング言語に適したエディタをどのように選択すればよいかよくわかりません。その後の React Native の開発中に、対応するエディターについて調査と研究を行ったので、この記事ではモバイルアプリケーション開発に非常に適したいくつかのエディターと IDE を要約します。

#1. Nuclide

## 公式ウェブサイト: https://nuclide.io/

Github プロジェクトアドレス: facebook / nuclide(https://github.com/facebook/nuclide)
ドキュメント:
セットアップ: https://nuclide.io/docs/editor/setup/
- Nuclide と React Native: https://nuclide.io/docs/platforms/react-native/
サポートされているプラットフォーム: Windows、Mac、Linux
ライセンス: オープンソース
機能:
組み込みデバッグ
- リモート開発
- 開発ハック
- サポート Mercurial
- 作業セット

2. Atom

# 公式ウェブサイト: https://atom.io/

Github プロジェクトアドレス: atom(https://github.com/atom)
ドキュメント:
- セットアップ: http://flight-manual.atom.io/
- React Native を使用した Atom: https://blog.sendbird.com/tutorial-build-a-messaging-app -using-react-native/
サポートされているプラットフォーム: Windows、Mac、Linux
ライセンス: オープンソース
特徴:
- クロスプラットフォーム編集
- 組み込みパッケージマネージャー
- スマートオートコンプリート
- ファイルシステムブラウザ
- 複数のペイン
- 検索と置換

Atom は、使いやすく、制御可能な最新のテキストエディターです。 Atom は、多くのプログラミング言語の開発者によって広く使用されています。これには、多くの便利なプラグインを作成した大規模で活発なコミュニティがあります。

Atom で一般的に使用されるパッケージ:

atom-react-native-autocomplete パッケージ - このパッケージは React-Native 用であり、Atom エディターに自動補完機能を提供します。
atom-react-native-css - これは、SASS と SCSS をサポートする React-Native コンポーネントが組み込まれたパッケージです。 React-native-css は、有効な CSS、SASS を CSS の Facebook サブセットに変換します。
react-native-snippets - このパッケージは、Atom および Nuclide 用の React Native スニペットです。
zenchat-snippets - これは、react-native、redux、ES6 のスニペットのコレクションです。
atom-xcode - Mac Xcode と atom を統合するため。インストールすると、iOS シミュレーターを atom 内で制御できるようになります。
language-babel - ES2016 と ESNext を含む JavaScript のすべてのバージョンの構文、Facebook React の JSX 構文、Atom の etch が含まれています。

#推奨チュートリアル: 「

html ビデオチュートリアル #」

#3. 崇高なテキスト

公式 Web サイト: https://www.sublimetext.com/
Github プロジェクトアドレス: SublimeText(https://github.com/SublimeText)
ドキュメント:
- 設定: https://www.sublimetext.com/docs/3/
- React Native の SublimeText: https://zaicheng.me/2016/06/20/react -native-initial-setup/
- React-JSX 開発用の SublimeText の設定: (http://www.nitinh.com/2015/02/setting-sublime-text-react-jsx-development/)
サポートされているプラットフォーム: Windows、Mac、Linux
ライセンス: 無料のダウンロードと試用版。継続して使用するにはライセンスを購入する必要があります。
機能:
- Goto Anything機能
- 複数選択
- コマンドターミナル
- 気を散らさないモード
- 分割編集
- #プラグインAPI
- #クロスプラットフォーム
Sublime Text は、コードの作成、マークアップ、およびプレーンテキストの作成のための洗練されたテキストエディターです。。コミュニティでは、機能を拡張するための多数のプラグインが提供されています。 Sublime Text は常に開発者の間で人気のエディターです。
Sublime Text 共通パッケージ

react-native-snippets - 反応ネイティブの Sublime Text のスニペットのコレクションbabel-sublime - React JSX 拡張機能を使用した ES6 JavaScript の構文定義。

4. Visual Studio コード

公式 Web サイト: https://code.visualstudio.com/
Github プロジェクトアドレス: Microsoft/vscode(https://github.com/Microsoft/vscode)
ドキュメント:
- セットアップ: https://code.visualstudio.com/docs
- Visual Studio Code を使用した React Native アプリケーションの開発: https://blogs.msdn.microsoft. com /visualstudio/2016/02/22/develop-reactnative-apps-in-visual-studio-code/
サポートされているプラットフォーム: Windows、Mac、Linux
機能 :
- 組み込み Git コマンド
- 拡張性とカスタマイズ可能

Visual Studio Code は Microsoft によって Windows 向けに開発されており、 Linux および OS X 開発用のソースコードエディター。これは無料のオープンソースであり、デバッグ、埋め込み Git コントロール、構文ハイライト、スマートコード補完、コードスニペット、コードリファクタリングをサポートしています。

拡張機能

ReactNative ツール - この拡張機能は、React Native プロジェクトの開発環境を提供します。コードをデバッグしたり、コマンドターミナルから react-native コマンドをすばやく実行したり、IntelliSense を使用して React Native API のオブジェクト、関数、パラメーターを参照したりできます。
Vim エディタ

5. Vim エディタ

公式 Web サイト: http://www.vim.org/
Github プロジェクトのアドレス: vim/vim(https://github.com/vim/vim)
ドキュメント:
- Vim ドキュメント: http://www.vim.org/docs.php
- React-JSX 用の Vim のセットアップ: https:// jaxbot.me/articles/setting-up-vim-for-react-js-jsx-02-03-2015
ライセンス: オープンソース
サポートされているプラットフォーム: Mac、Linux
機能:
- 永続的なマルチレベルの取り消しツリー
- 豊富なプラグインシステム
- 何百ものプログラミング言語とファイル形式をサポート
- ##多くのツールと統合する機能
- Vim は、あらゆる種類のテキストを非常に効率的に作成および変更できる、高度に構成可能なテキストエディターです。ほとんどの UNIX システムは、「vi」の形式でこれをサポートします。多くの開発者は、さまざまな編集タスクに Vim を使用することを好みます。 Vim は非常に安定しており、より良くなるために常に進化しています。

Vim プラグイン

vim-jsx - JSX の構文の強調表示とインデントを提供します。

vim-react-snippets - Facebook の React ライブラリで使用する Vim 用に構築されたスニペットのセット。

vim-babel - Facebook の React ライブラリで使用する Vim 用に構築されたスニペットのセット。
6. GNU Emacs エディタ

## 公式 Web サイト: https ://www.gnu.org/software/emacs/

ドキュメント:

公式ドキュメント: https://www.gnu.org/software/emacs/documentation.html
React Native の初期セットアップ: http://www.cyrusinnovation.com/initial-emacs-setup-for-reactreactnative/
- ライセンス: GPL に従う
- サポートされているプラットフォーム: Windows、Mac、Linux
複数のファイルタイプに適した、構文の色付けを含む、コンテンツに応じた編集モード。
初心者向けチュートリアルを含む、完全な組み込みドキュメント。
- Emacs Lisp コードまたはグラフィカルインターフェイスを使用して高度にカスタマイズ可能。
- 拡張機能をダウンロードしてインストールするためのパッケージシステムがあります。
- GNU EMACS は、拡張可能でカスタマイズ可能な無料のテキストエディターです。＃＃＃＃＃＃＃＃＃拡大＃＃＃＃＃＃
  - web-mode.el - Web テンプレートを編集するための自律型 Emacs メインモジュールです。 JSX (React) を含む多くの言語と互換性があります。
  7. Spacemacs エディター
  - Github プロジェクトのアドレス: syl20bnr/spacemacs(https://github.com/syl20bnr/spacemacs)
  - ドキュメント:
  - #ライセンス: オープンソース
  - サポートされているプラットフォーム: Windows、Mac、 Linux
  - 機能:
  - ニーモニックプレフィックスを使用して整理されたキーバインディング
    - 発見可能 - 利用可能なキーバインディングの革新的なリアルタイム表示。
    - 同様の関数には同じキーがあります
    - シンプルなクエリシステムにより、利用可能なレイヤー、パッケージなどをすばやく見つけることができます。
    - コミュニティ主導の構成は、ユーザーが調整可能な強力なパッケージを提供するため、バグを迅速に修正できます。
  拡張機能
  React レイヤー - React 用の ES6 および JSX 構成レイヤー。 .jsx および .react.js ファイルは自動的に認識されます。 React 統合のためのラッパー。
  8. デコ IDE
  - 公式Webサイト: https://www.decosoftware.com/
  - Githubプロジェクトアドレス: decosoftware/deco-ide(https://github.com/decosoftware/deco-ide)
  - ドキュメント:
    - 公式ドキュメント: https://www.decosoftware.com/docs
  - サポートされているプラットフォーム: Mac (iOS のみ) )
  - ライセンス: オープンソース
  - 機能:
    - コンポーネントの検索と挿入
    - リアルタイム調整
    - 新しいファイルホルダー
  Deco は、React Native 用に特別に構築された IDE です。これは、環境セットアップなしでダウンロードして使用できる、React Native アプリケーションを作成するためのオールインワンソリューションです。 Deco は、コンポーネントの再利用に重点を置き、ユーザーがリアルタイムで UI を編集できるようにすることで、React Native 開発ワークフローを改善します。
  
  #9.WebStorm
  
  # 公式サイト: https ://www.jetbrains.com/webstorm/
  - ドキュメント:
  - 公式ドキュメント: https://www.jetbrains.com/webstorm/documentation/
    - 外部ツールの使用: https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/
    ライセンス: 料金 (初年度はシングルユーザーが必要) $129 を支払う)
  - サポートされているプラットフォーム: Windows、Mac、Linux
  - 機能:
  - インテリジェントなコーディング支援
    - 最新テクノロジーをサポート
    - バージョン管理システム
    - シームレスなツール統合
    - デバッグ、トレース、テスト
    - 組み込みターミナル
  10. TextMate エディタ
  - ドキュメント:
  - # #ライセンス: 有料 (シングルユーザーライセンスは 48.75 ユーロ)
  - サポートされているプラットフォーム: Mac
  - 機能:
  - CSS セレクターにより操作と設定の範囲が決定されます
    - クイック概要とナビゲーションポップアップ
    - お気に入りのスクリプト言語をプラグインとして統合
    - ドキュメントからシェルコマンドを実行
    - コードのハイライト表示
    - Xcode と連携して Xcode プロジェクトを構築する
  プラグイン
  ##javascript-jsx.tmbundle - JSX (React) 用の Textmate バンドル。構文の強調表示は現在サポートされています。
  - プログラミング関連の知識について詳しくは、
  をご覧ください。！