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

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

このチュートリアルの動作環境: 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
  • 作業セット
Nuclide はその上に構築された単一のものですAtom パッケージはプログラマビリティを提供し、非常に活発なコミュニティを持っています。 React Native、Hack、Flow プロジェクトに一流の開発環境を提供します。

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
  #何でもカスタマイズ
  • #クロスプラットフォーム
  #設定React Native: nitinh.com/2015/02/setting-sublime-text-react-jsx-development/
  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
機能:
• 複数のファイル タイプに適した、構文の色付けを含む、コンテンツに応じた編集モード。
• 初心者向けチュートリアルを含む、完全な組み込みドキュメント。
  
  ほぼすべてのスクリプト言語の Unicode エンコードをサポートします。
  • Emacs Lisp コードまたはグラフィカル インターフェイスを使用して高度にカスタマイズ可能。
  • 拡張機能をダウンロードしてインストールするためのパッケージ システムがあります。
  • GNU EMACS は、拡張可能でカスタマイズ可能な無料のテキスト エディターです。 ＃＃＃＃＃＃＃＃＃拡大＃＃＃＃＃＃
    • web-mode.el - Web テンプレートを編集するための自律型 Emacs メイン モジュールです。 JSX (React) を含む多くの言語と互換性があります。

    7. Spacemacs エディター

    

    
    

    # #公式 Web サイト: http://spacemacs.org/
    • Github プロジェクトのアドレス: syl20bnr/spacemacs(https://github.com/syl20bnr/spacemacs)
    • ドキュメント:
    • 
      
      公式ドキュメント: http://spacemacs.org/doc/DOCUMENTATION.html
      #ライセンス: オープンソース
    • サポートされているプラ​​ットフォーム: Windows、Mac、 Linux
    • 機能:
    • 
      ニーモニックプレフィックスを使用して整理されたキーバインディング
      • 発見可能 - 利用可能なキーバインディングの革新的なリアルタイム表示。
      • 同様の関数には同じキーがあります
      • シンプルなクエリ システムにより、利用可能なレイヤー、パッケージなどをすばやく見つけることができます。
      • コミュニティ主導の構成は、ユーザーが調整可能な強力なパッケージを提供するため、バグを迅速に修正できます。
    Spacemacs はコミュニティ主導の Emacs ディストリビューションです。最高のエディターは Emacs でも Vim でもなく、Emacs と Vim を組み合わせたものです。
    拡張機能
    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
    • 機能:
    • 
      インテリジェントなコーディング支援
      • 最新テクノロジーをサポート
      • バージョン管理システム
      • シームレスなツール統合
      • デバッグ、トレース、テスト
      • 組み込みターミナル
    # WebStorm は、JetBrains が 15 年以上かけて開発、改良してきたオープンソースの IntelliJ プラットフォーム上に構築されています。 VSC との緊密な統合、ローカル履歴機能、活気に満ちたプラグイン エコシステムを備え、完全に構成可能で、その他の多くの機能を提供します。 WebStorm は React と JSX の高度なサポートを提供し、React Native アプリケーションのコア コーディング支援を提供します。

    10. TextMate エディタ

    

    
    

    ## 公式サイト: https : //macromates.com/
    • ドキュメント:
    • 
      
      公式ドキュメント: http://manual.macromates.com/en/
      # #ライセンス: 有料 (シングル ユーザー ライセンスは 48.75 ユーロ)
    • サポートされているプラ​​ットフォーム: Mac
    • 機能:
    • 
      CSS セレクターにより操作と設定の範囲が決定されます
      • クイック概要とナビゲーションポップアップ
      • お気に入りのスクリプト言語をプラグインとして統合
      • ドキュメントからシェルコマンドを実行
      • コードのハイライト表示
      • Xcode と連携して Xcode プロジェクトを構築する
    TextMate は IDE ではありませんが、強力なスニペット、マクロ、および独自のスコープ システムを使用することで、多くの場合、次のような機能を提供できます。プログラミング言語固有の IDE にもありません。 React は JSX を直接サポートしていませんが、以下のプラグインを使用すると、ほとんどの React コードのベースとなっている JSX のサポートを簡単に取得できます。
    プラグイン

    ##javascript-jsx.tmbundle - JSX (React) 用の Textmate バンドル。構文の強調表示は現在サポートされています。

    • プログラミング関連の知識について詳しくは、
    プログラミング ビデオ
    をご覧ください。 ！

以上がhtml編集ソフトとは何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。