Sublime Text3をより使いやすくカスタマイズ おすすめパッケージのインストール

Sublime Textには作業スピードをあげて効率よく作業を進められるパッケージ(プラグイン)が多数用意されています。
パッケージ(プラグイン)をインストールする事で作業効率をどんどんアップさせてくれます。

本当に数が多いので、自分に合った物を見つけるまでが大変かもしれませんが、まずはこれを入れておけば大丈夫だろうというのをご紹介しておきます。

  • HTML5:HTML5のスニペット集です。自動補完とハイライトをしてくれます。
  • BracketHighlighter:開始タグ、終了タグを強調してくれます。
  • abacus:イコールやコロンなどを綺麗に揃えてくれます。
  • Phoenix Theme:Sublime Textのテーマを設定できるようになります。自分好みに配色やデザインをカスタマイズできます。
  • SublimeLineter:エラーチェッカーです。
  • SublimeLinter-html-tidy:HTML5の構文チェッカーです。
  • SublimeLinter-jshint:JavaScriptの構文チェッカーです。
  • SublimeLinter-json:JSONの構文チェッカーです。
  • SublimeLinter-phplint:PHPの構文チェッカーです。
  • Goto-CSS-Declaration:HTML編集中にIDやクラス名からCSSファイルの記述箇所まで飛べるようになります。対象のCSSファイルは開いておく必要があります。

「Package Control」をインストール

Package ControlはSublime Textでパッケージのインストールや管理をするツールになります。
まずはこれをインストールしないと始まりません。

1.公式サイトよりコードをコピー

https://packagecontrol.io/installation
こちらのURLから公式サイトへアクセスし、「SUBLIME TEXT3」のタブをクリックしてコードをコピーします。
Sublime Text2をインストールしている場合は、「SUBLIME TEXT2」のタブをクリックしてコードをコピーしてくださいね。

2.Sublime Textのコンソールに貼り付け

コードをコピーしたらSublime Textを起動して、[Ctrl] + [`]を同時押しでコンソールを開きます。
[`]は[@]キーの所ですね。[7]キーの方ではありませんので注意が必要です。

貼り付けたら「Enter」キーを押して実行します。
実行中はしばらく待って、動きが止まったのを確認したらSublime Textを再起動しましょう。

キーボードでコンソールが出しにくい場合は、メニューバーの「View」→「Show Console」をクリックしても表示させる事ができます。

3.Package Controlのコマンドパレットを表示

Sublime Textを再起動したら、[Ctrl] + [Shift] + [P]を同時押しでPackage Controlのコマンドパレットを表示します。

「package」と入力するとInstall Package等がズラッと表示されます。

パッケージをインストールする場合は、「Install Package」を選択してパッケージ名で検索します。

パッケージのインストールは「Install Package」からしますので、この操作は覚えておきましょう。

[Ctrl] + [Shift] + [P]:コマンドパレットの表示
「package」と入力し「Install Package」を選択:パッケージの検索

HTML5パッケージのインストール

一つパッケージをインストールしてみましょうか。
HTML5のスニペット集、名前はそのまんまの「HTML5」をインストールします。

[Ctrl] + [Shift] + [P]の同時押しでコマンドパレットを表示して、「package」と入力し「Install Package」を選択して、「HTML5」を検索します。

一番上に出てきた「HTML5」をクリックするとインストールが始まります。
画面の一番下でコードが色々表示されて動きが止まるとインストール完了です。

パッケージインストールの手順はこのようになりますので、どんどん自分好みなパッケージをインストールして作業効率をアップさせてくださいね。

Sublime Textのインストールはこちらの記事をご覧ください。

関連記事

  1. 圧倒的なビジュアル力でセルフブランディングができるブログが作れるWordPressテーマ「IZM」

  2. Photoshopで作る カラフルなパッチワーク風テキスト

  3. Photoshopで木の板に焼き印をしたようなロゴの作り方

  4. Photoshopでパーティーデザインに使えるパターンを使ったフラッグパーツの作り方

  5. クマのぬいぐるみ写真を使ったレトロ風イラストの作り方

  6. コーダーに必要なスピードと正確性を実現出来るテキストエディタ Sublime Text3

  7. 間違えないコーディングを目指すSublime Text3の不可視文字の設定方法

  8. エックスサーバーでワードプレスサイトを無料独自SSL化する方法

  9. Photoshopのクリッピングマスクで簡単に作れる 草の上に自然に配置した木材柄テキスト

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

転職テクニック

  1. 内定が3ヶ月から1ヶ月に短縮 転職エージェントを使うほど仕事探しが格段にラクにな…
  2. 転職エージェント「サポタント・ワークポート・パソナテック」の登録から面接までの流…
  3. アラフォーの私が実際に内定を取るまでに使った転職エージェント7選
  4. アラフォー男が内定を勝ち取れた 転職エージェントを使うメリット
  5. アラフォーが内定を勝ち取った面接テクニック 簡単だけど難しい?笑顔の効果
  6. アラフォーが内定取るまでにかかった時間 後から焦らない為にご注意を!
  7. アラフォーで内定を取って気付いた転職活動で大事な事
  8. 心と体のズレが出てくる一週間。理想の生活習慣について考える 活動記録 其の3
  9. まずは転職に向けて派遣登録申し込みと情報収集 活動記録 其の2
  10. アラフォーで転職せざるを得なくなった男の活動記録 其の1

人気記事ランキング

PSテクニック

オススメテクニック

PAGE TOP