どのエディターを選択しますか? – スティッチャー.io

in Vlog

(jp) =

<!–

–>

たくさんのエディターから選べます! どれがあなたに最適ですか? ここで答えが見つからないことはすでにお伝えできます。 しかし、多分私はいくつかの長所と短所をリストすることができます. Sublime Text、Github の Atom、Adobe の Brackets、Microsoft の Visual Studio Code について見ていきます。 これらのエディターはすべて同じコア コンセプトに基づいており、その一部は Sublime によって非常に人気が高くなりました。 しかし、いくつかの大きく微妙な違いがあります。

# すぐに使える機能

4 つのエディターはすべてマルチプラットフォームであり、使い慣れたコマンド パレットとファジー ファインダーを備えています。 Sublime と Atom は主に機能を提供するパッケージに焦点を当てているのに対し、Brackets と Visual Studio Code は最初からよりオールインワンのソリューションを提供することに留意することが重要です。 パッケージについては後で詳しく説明しますが、すぐに使用できる最も重要な違いは次のとおりです。

ビジュアル スタジオ コード 組み込みの GIT サポート、タスク ランナー、リンターが付属しています。 何も設定せずにコーディングを開始できます。 Node と ASP.NET の開発に焦点を当てており、提供されるツールに反映されています。 しかし、他のどの言語にも使用できます。

崇高なテキスト 最初から多くのテーマを提供し、組み込みのプロジェクト マネージャーを持ち、テキスト操作を行うためのカスタマイズ可能なキー バインドとコマンドを多数提供します。 ただし、すぐにダウンロードしたいパッケージがたくさんあります。

原子 デフォルトで出荷されるパッケージマネージャーがあります。 Atom のファイル ツリー サイドバーには、GIT サポートやファイル操作などの非常に優れた機能がいくつかあります (以下を参照)。 本当にすてきなライブ MarkDown エディターもあります。 ただし、Sublime と同様に、最初から追加のパッケージをインストールする必要があります。

ブラケット には素晴らしいライブ プレビュー機能があります。 Brackets はフロントエンド Web 開発に重点を置いており、そのための非常に優れたツールを提供します。 また、リンター、デバッガー、インライン エディター、Photoshop 統合も付属しています。 利用可能な拡張マネージャーもあります。 (これはパッケージの Adob​​e バージョンです。詳細については後で説明します)。

Visual Studio Code と Brackets は、最初から本当にプラグ アンド プレイだと感じていました。 Sublime と Atom の両方で、最高のコーディング エクスペリエンスを実現するためにすべてをセットアップするには、多くの微調整が必​​要です。 これは悪いことではありませんが、このカテゴリでは、Visual Studio Code とブラケットが最適です。



# パッケージ

パッケージ (または拡張機能、アドビに感謝) を使用すると、多くの追加機能にアクセスできます。

ブラケット かなり遅くてかさばる拡張マネージャーがあり、「Adobe のような」ものがあります。 パッケージは、ローカル ソース、URL、またはオンライン リポジトリから簡単にインストールできます。 ただし、拡張機能マネージャーには優れたパッケージ ドキュメントがありません。

荘厳な、他のパッケージを簡単にインストールしたい場合は、Package Control が必要になります。 そこには非常に多種多様なパッケージがあります。 既存のパッケージで、好きなことを 1 つ実行できる可能性があります。 ただし、コマンド パレットからパッケージを参照するのは少し面倒です。 多くの小さな文書化されていないパッケージがあり、パッケージが実際に何をするかについて推測することがよくあります。 オンライン ドキュメントもユーザー フレンドリーではありません。 ほとんどの場合、パッケージごとに大量のテキストが山積みになっています。

原子 パッケージになると光ります。 GitHub と直接連携する組み込みのパッケージ マネージャーがあります。 多くのパッケージが利用可能であるだけでなく、ドキュメントの基準も非常に高くなっています。 スクリーンショット、キーバインドの参照、パッケージの仕組みと機能を説明するアニメーション GIF を見ることができます。 すべては Atom 内から。 パッケージの更新は非常に簡単で、Atom は、パッケージが古くなったり、非推奨のコードを使用したりしたときに通知します。 Atom 自体が実際にはこれらの同じパッケージのコレクションであることは驚くべきことではありません。

ビジュアル スタジオ コード VSC V0.10.1 の時点で、Sublime の Package Control によく似た拡張機能がサポートされています。 最近の Visual Studio Code の人気により、大きなプラグイン システムが台頭しています。

パッケージに関しては、Atom が勝者です。 システム全体がパッケージ マネージャーに基づいて構築されており、その背後には大きなコミュニティがあります。 GitHub がこのエディターを作成していることを知っていれば、それは当然のことです。



# ファイルツリー

ファイル ツリーをカテゴリとしてリストするのは奇妙に感じるかもしれません。 しかし、経験上、ツリーは、あなたと一緒に働くことも、あなたに反対することもできる最も重要な機能の 1 つだと思います。 ファイル ツリーをまったく使用しない場合もありますが、多くの人が使用しています。 だからここで話すのは正しいと思いました。

崇高なテキスト 高速であり、これはツリーにも反映されます。 ただし、ツリーからのファイル操作に関連するいくつかの重要な機能が欠けています。

ブラケット 非常にかさばる遅い木を持っています。 フォルダーとファイルを開くにはかなりの時間がかかります。 また、Sublime のような最小限のツールのみを提供します: 新しいファイルとフォルダー、名前の変更、削除、およびファイルの表示/検索。

ビジュアル スタジオ コード Brackets や Sublime ほど多くのツールはありませんが、ツリー内でファイルを移動できるため、大きな助けになります。 ただし、いくつかのマイナーなポイントがあります。 Visual Studio Code はタブを表示しませんが、ツリー ペインを使用して開いているファイルを表示します。 このペインが雑然として、探している開いているファイルを見つけるのが難しくなります。 また、横スクロールもできません。 ただし、スペース効率の良い検索およびデバッガー ビューとして同じペインを使用できます。

原子 には多くのツリー機能があります。コピー/貼り付けなどのシンプルなツールだけでなく、切り取り、複製、名前の変更などもあります。ファイルをドラッグして移動することもできます。 Atom はさらに、GIT プロジェクトのステータスをファイル ツリーに統合します。 ただし、ツリーは Sublime や Visual Studio Code よりも少し遅く感じるかもしれません。

Atom と Sublime には優れたファイル ツリー機能がありますが、どちらにも欠けている機能があります。 Sublime は速度で勝るものはありませんが、Atom はより多くの機能を提供します。 多くの人は Sublime でツリー ビューを使用しませんが、Atom の GIT ステータスと合わせて、ツリーを見るだけでプロジェクトの概要を把握できます。



# パフォーマンス

パフォーマンスは、最も重要な指標の 1 つです。 これらのエディターはすべて確かにパフォーマンスが優れていますが、それぞれに小さな違いがあります。

原子 このカテゴリーには欠けています。 2 つの主要な問題があります: 起動時間と大きなファイルです。 Atom は Web テクノロジー (HTML、CSS、および JavaScript) に基づいて構築されています。 いくつかの大きな利点がありますが、ロードに時間がかかります。 ただし、これは起動のみであり、それでもどの IDE よりもかなり高速です。 すべてがロードされると、Atom はブラケットと同じくらい高速になります。 一方で、大きなファイルの読み込み時間は悲惨です。 Atom は、ツリー ビューでファイルを選択すると、ファイルを開きます。 縮小されたファイルをクリックするのを忘れがちです。これにより、Atom が数秒または数分間ハングアップします。

ビジュアル スタジオ コード は Atom や Brackets よりも少し高速ですが、Microsoft 製品に期待されるとおりに動作します。遅くはありませんが、最速でもありません。

ブラケット Atomに匹敵しますが、遅くてかさばるツリービューにより、すべてが遅く感じられます.

荘厳な ここでは圧倒的に勝者です。 常に電光石火の速さで、他のエディターに勝るものはありません。 Atom と Brackets はこの競争に負けますが、本格的な IDE よりもはるかに高速です。 留意すべきもう 1 つの側面は、使用しているパッケージの量です。 Atom は実際に、各パッケージが起動時間に追加するミリ秒数を示します。 Sublime もこれに該当します。パッケージが多いほど遅くなります。 しかし、間違いなく、Sublime はパフォーマンスの分野で輝いています。



# 構成

荘厳なブラケットビジュアル スタジオ コード 設定とキーバインド用の簡単な JSON 構成ファイルを提供します。 ブラケットと Visual Studio Code は、設定を編集するときに 2 列のレイアウトを開きます。1 つは既定値で、もう 1 つは独自のものです。 小さくても便利な機能。

原子 ただし、独自のスタイルシートと任意の方法でハッキングできる起動スクリプトによるカスタマイズ性に優れています。 組み込みのキーバインド デバッガー、Chrome 開発者ツールがあり、CoffeeScript (JS) および CSS で動作します。 Atom をカスタマイズするために別の言語を学ぶ必要はありません。Atom は Web テクノロジに基づいて構築されています。 さらに、各パッケージには独自の構成ページがあり、多くのドキュメントがあり、場合によってはパラメーターを設定するための入力フィールドがあります。



たいへんな情報でした! 要約された最も重要なことのいくつか:

ビジュアル スタジオ コード Node と ASP.NET の開発に重点を置いています。 あまりカスタマイズ可能ではありませんが、Microsoft IDE のような感覚があります。 プラグアンドプレイで簡単にセットアップできます。 ファイルがタブに表示されないので、少し整理されていないように感じますが、これは好みであり、開発者はこの作業方法に慣れることができると思います。

崇高なテキスト 多くの力を持っています。 高速で信頼性があります。 開発環境をカスタマイズするためのパッケージはたくさんありますが、それらは十分に文書化されていないことがよくあります。 Sublime はテキスト エディターとして開始されますが、時間と労力をかけて完璧でパフォーマンスの高い IDE にすることができます。

ブラケット には、ライブ プレビュー、リンター、PSD 統合などの素晴らしいフロントエンド Web 開発機能があります。 主な欠点は、特にファイル ツリーが少し遅く感じられることです。

原子 Web テクノロジーとそのパッケージに基づいて構築されています。 パッケージと構成のための非常に優れたインターフェイスを提供し、「コアまでハック可能」です。 パフォーマンスにはまだいくつかの癖がありますが、非常に活発なコミュニティが取り組んでいます。 そのカスタマイズ機能により、独自のワークフローを持つさまざまなプログラマーが Atom にアクセスできるようになります。

//platform.twitter.com/widgets.js

関連記事

前の投稿
ドイツで最も人口の多い都市 10 を発見
次の投稿
世界で最も古い 6 つの国を発見する