ブラケットとSublimeText3：どちらを選択しますか？

私は地元のブログで、私が行っていた比較についてかなり高度なドラフトを持っていました 括弧 y 崇高なテキスト3、しかし今日私はほとんどすべてを変更しなければなりませんでした、なぜなら私が見つけたいくつかの欠陥またはオプションの欠如のためです 括弧、拡張機能を使用して不透明にすることができます。

括弧 センセーションを巻き起こしました。 オープンソースエディターであるという事実は、他の選択肢と比較してプラスになっています。 Adobe、それは少なくとも好奇心を引き起こすためではありません。

しかしねえ、ビジネスに取り掛かろう。 私が意図しているのは、 括弧 y 崇高なテキスト3、私はさまざまな理由でしばらくの間後者を使用しています。

ブレースを取得する方法は？

ダウンロードする 括弧 私たちはただ行かなければなりません ダウンロードページ 公式サイトからダウンロードして debファイル。 の手順 でのインストール Ubuntu と派生物はすでにここで見ましたが、 ArchLinux レ 方法を示しました これは少し変更されました。

基本的に今私たちがしなければならないこと ArchLinux 次のとおりです。

• .debをダウンロードして解凍します。
• フォルダが作成されます ブラケット-スプリント-29-LINUX64 ファイルがあります data.tar.gz 屋内で。
• また、ファイルを解凍します data.tar.gz 残りのフォルダはXNUMXつあります。 opt / y usr /.
• ターミナルを開いて実行します。

$ sudo cp -Rv opt /ブラケット// opt / $ sudo cp usr / bin /ブラケット/ usr / bin / $ sudo cp -Rv usr / share / doc /ブラケット// usr / share / doc / $ sudo cp -R usr /共有/アプリケーション/brackets.desktop/ usr /共有/アプリケーション/ $ sudo cp usr /共有/アイコン/ hicolor /スケーラブル/アプリ/brackets.svg/ usr /共有/アイコン/ hicolor /スケーラブル/アプリ/

前に示した方法でインストールをすでに実行している場合は、ターミナルで実行する必要があります。

$ sudo rm -Rv /usr/lib/brackets

次に、ファイルを変更または作成する必要があります /usr/share/applications/brackets.desktop 次のようになります。

[デスクトップエントリ]名前=ブラケットタイプ=アプリケーションカテゴリ= Application Exec = / opt /ブラケット/ブラケット％Uアイコン=ブラケットMimeType = text / html;

とにかく、フォルダ内 / opt /ブラケット 元のファイルが来ます。 それだけです、実行できます 括弧 メニューから。 起動に問題がある場合は、インストール方法に関する前の記事をお読みください ArchLinuxのブラケットを手動で.

SublimeText3を取得する方法は？

の場合 崇高なテキスト、私たちはあなたのところに行かなければなりません 公式サイト アーキテクチャに従ってバージョンをダウンロードします。 次に、ダウンロードしたファイルをどこかで解凍し、アプリケーションメニューからSublimeTextを利用できるようにするために、ファイルを作成します。 /usr/share/applications/sublimetext3.desktop そしてそれを中に入れます：

[デスクトップエントリ]バージョン= 3.0タイプ=アプリケーション名=崇高なテキスト3GenericName =テキストエディターコメント=コード、マークアップ、およびprose用の洗練されたテキストエディターExec = / home / elav / Linux /パッケージ/開発/ SublimeText3 / sublime_text％Fターミナル= false MimeType =テキスト/プレーン; アイコン= /ホーム/ elav / Linux /パッケージ/開発/ SublimeText3 /アイコン/ 256x256 /sublime-text.pngカテゴリ= TextEditor;開発; StartupNotify = trueアクション=ウィンドウ;ドキュメント; [デスクトップアクションウィンドウ]名前=新しいウィンドウExec = /ホーム/ elav / Linux /パッケージ/開発/ SublimeText3 / sublime_text -n OnlyShowIn = Unity; [デスクトップアクションドキュメント]名前=新しいファイルExec = /ホーム/ elav / Linux /パッケージ/開発/ SublimeText3 / sublime_text --command new_file OnlyShowIn = Unity;

もちろん、彼らはルートを変更する必要があります /ホーム/ elav / Linux /パッケージ/開発/ 彼らが開梱したフォルダによって 崇高なテキスト3。 Sublimeフォルダー内にもファイルがあります 。デスクトップ.

インターフェース

両方のエディターのインターフェースは非常に似ています。 左側のパネルにはプロジェクトと開いているファイルがあり、上部にはエディターオプションのあるメニューがありますが、ブラケットの場合は編集領域の上に表示されます。

私が好きなもの 崇高なテキスト です ミニマップ これは編集領域の右側に表示されるため、ドキュメント全体を簡単に移動できます。 しかし、最初に言ったように、 括弧 拡張機能に感謝することもできます。

崇高なテキスト また、デフォルトですでに含まれている一連のスタイルのおかげで編集領域の外観を変更したり、ユーザーとしての設定、そして何よりも重要なキーボードショートカットを確立したりすることもできます。

そして、何を推測しますか？ さて、の拡張 括弧 それは私たちが同じことをすることを可能にします：

パフォーマンス

のブーツ 崇高なテキスト3 それよりもはるかに高速です 括弧ほぼ瞬時だと思います。 括弧 特に最新バージョン（春29）以降は高速に実行されますが、以前に開いたままにしたプロジェクトをロードするのに数千分のXNUMX秒かかります。

両方のエディターでXNUMXつのファイルを開くと、 崇高なテキスト よりわずかに高い 括弧、そしてそれはそれぞれの使用でそのようにとどまります。

使いやすさ

一目で、各メニューを調べると、 崇高なテキスト あなたはより多くのオプションがあります 括弧。 前に述べたように、これにより、キーボードショートカットが増え、デフォルトでそれらを変更およびカスタマイズできるようになります。 両方を使用して行にコメントするなど、それらのほとんどを共有します Ctrl+/.

崇高なテキスト まつげがあります （ブラケットは拡張機能を使用してこれを行いますが、あまり洗練されていません）、これにより、サイドパネルに移動しなくてもファイル間を簡単に移動できます。

しかし 括弧 それは私が愛したものを持っていて、それはそれを非常に、非常に生産的にします。

En 括弧 HTMLファイルを編集していて、タグのCSSコードまたはJSコードを編集する場合は、.cssまたは.jsファイルを開く必要はありません。 編集して押すだけのラベルにカーソルを置きます Ctrlキー+ E。 そして何が起こるか見てください：

ご覧のとおり、そのタグに関連付けられているCSSコードを示す領域が表示されます。 そこで、元の.cssを開かなくても、編集して保存できます。

さらに、すべての.cssファイルで、スタイルが上記のタグに適用されていることと、スタイルが適用されている行に表示されます。

私が好きなもう一つの詳細 崇高なテキスト オン 括弧、つまり、開始タグまたは終了タグを付けると、最後または最初のどちらに対応するかがわかります。 崇高なテキスト また、親タグとそのコンテンツを折りたたむこともできます。

その他の機能 崇高なテキスト 私が気に入っているのは、テキストをアルファベット順に整理できることです。これは、.cssファイルを適切に並べ替えたい場合に非常に便利です。

オートコンプリート

賛成のもう一つのポイント 括弧 自動完了です。これは、 崇高なテキスト XNUMXつの理由：あなたのように提案を表示する ブルーフィッシュ また、自動補完オプション（CSSプロパティとHTMLタグ）が増えています。

はい、 括弧 デフォルトでは、中括弧{}は自動的に閉じませんが、これは簡単に解決できます。 メニュー»編集»自動的に括弧を完成させる。 そして準備ができました。

拡張機能

どちらのエディターにも拡張機能があり、比較的簡単にインストールできます。 の場合 崇高なテキスト、と呼ばれるクールなプラグインがあります パッケージ制御 これにより、残りの拡張機能を非常に簡単にインストールできます。

私が見つけた唯一の問題は、手動でそれを行う方法がわからないことです。つまり、エディターから直接ではなく、別のファイルでインターネットから拡張機能をダウンロードします。

できないということではなく、それだけです 括弧 もっと簡単です。 開く必要があります 拡張機能マネージャー インストールしたものまたはインストールできるものを確認できます。

入ることもできます ディレクトリへ de 拡張機能、.zipをダウンロードし、解凍して中に入れます 〜/ .Brackets / extension / user /。 エディタを再起動すると、それだけです。

オンライン版

この機能は、まったく使用していませんが、優れているため、客観的な基準を与えることはできません。 理論的には、Chromium + Node.jsを使用して、HTMLファイルとCSSファイルに加えた変更をブラウザーに自動的に表示できます。

ブラケットが開きます ライブ接続 ローカルブラウザを使用すると、入力時に変更がCSSファイルに送信されます。 それは、ブラケットの人たちがそれを説明するのがいかに簡単かです。

現在、ブラケットはCSSのライブ開発のみをサポートしています。 それでも、現在のバージョンでは、HTMLおよびJavaScriptファイルへの変更は自動的に検出され、保存時にブラウザーに再ロードされます。 現在、HTMLとJavaScriptのライブ開発のサポートの追加に取り組んでいます。 さらに、自動更新はGoogle Chromeでのみ可能ですが、この機能をすべての主要なブラウザーですぐに利用できるようになることを願っています。

クイックビュー

HEXとRGBの色の同等性をまだ覚えていない人のために、 括弧 どの色が使用されているかをすばやく簡単に正確に確認できます。

CSSとHTMLの両方で、任意の色またはグラデーション値にカーソルを合わせるだけで、 括弧 自動的にプレビューが表示されます。

同じことが画像にも当てはまります。画像のアドレスにカーソルを合わせるだけです。 括弧、およびそれのサムネイルビューが表示されます。

結論

これは両方の編集者による簡単なレビューにすぎませんが、どちらが最適ですか？

あなたは私が好むことに気づいたかもしれません 括弧、しかしそれがからであるという事実のためだけに オープンソース そしてCSSをより速く編集する新しい方法。 しかし、彼はまだ乗り越えるには長い道のりがあります 崇高なテキスト、機能性と安定性の両方。

開発 括弧 彼は非常に活発で、新しいバージョンごとに改善されているので、私は彼にすべての期待を持っています。 しかし、それを否定することはできません 崇高なテキスト それはまだ先が長く、その使用法で示されています。 私はそれが提供するものの半分も使用していないことを認識しています。

ライセンスを支払う必要があるという事実 崇高なテキスト 問題ありません、それなしで使用できます。 これは優れたエディターであり、おそらくこれまでに使用した中で最高のものですが、すべてはすべての人の好みと選択次第です。 今のところ私は両方を使用しているので、 括弧、それは多くのことを約束します。