2017年の記事一覧

Sublime Text 3 に Sublimerge Pro を導入する

開発環境

Sublimerge とは

Sublimerge
https://www.sublimerge.com/

  • Sublime Text でファイルの差分比較ができるプラグイン。
  • 以下2つのバージョンが存在する。
    • Sublimerge 3
      • まだBeta版しかない。2018年10月を最後に動きなし。
      • Sublime Text 3 のみ対応
    • Sublimerge 2 (Sublimerge Pro)
      • 安定版がリリースされている
      • Sublime Text 2 と 3 に対応

2023-09-23 追記

新しいPCを買ったのでセットアップしよーと思ったら、www.sublimerge.com 自体がなくなり、提供終了しておりました。悲しい。

手順

  1. Package Controlで「Sublimerge Pro」を検索してインストール
  2. 購入済みのライセンスを有効化する
    • ツールバー > Preferences > Package Settings > Sublimerge > Enter License を選択
    • 画面下部に表示されたテキストボックスにライセンスキーを入力して Enter

使い方

開いているファイル同士を比較する場合

  1. Ctrl + Shift + D で Sublimerge を実行
  2. 「Compare to View…」を選択
  3. 表示された候補から比較するファイルを選択
    • 表示されない場合は、異なる Syntax が設定されている可能性あり
    • Command Palette（Ctrl + Shift + P）の Set Syntax: 名前 で設定を変更してからリトライする
  4. 比較結果が表示される

クリップボードのテキストと比較する場合

  1. Sublime Text 上に比較したいテキストを開く
    • ファイルとして保存されていなくてもOK
  2. Ctrl + Shift + D で Sublimerge を実行
  3. 「Compare to Clipboard」を選択
  4. 比較結果が表示される
    • シンタックスハイライトは開いているファイルの Syntax 設定に応じて自動適用

参考URL

SublimeText に CSScomb を導入する

開発環境

CSScombとは

CSScomb is a coding style formatter for CSS.
You can easily write your own configuration to make your stylesheets beautiful and consistent.
GitHub – csscomb/sublime-csscomb: Sublime plugin for CSScomb—CSS coding style formatter

スタイルシートを指定した設定で一括整形できるパッケージ

事前準備

  • 動かすにはnode.jsが必要になるので、ダウンロードしてインストールする。
  • インストール完了時に以下の案内がでた。

This package has installed:

  • Node.js v8.12.0 to /usr/local/bin/node
  • npm v6.4.1 to /usr/local/bin/npm
    Make sure that /usr/local/bin is in your $PATH.

整列時の設定を変更する

  1. Preferences > Package Settings > CSScomb > Settings – Default を開き、中身をコピー
  2. Preferences > Package Settings > CSScomb > Settings – User を開き、ペーストした内容を書き換えて保存