emuramemo

製品レビュー、HTML/CSS、webデザイン、音楽、その他いろいろ

SublimeTextを再インストールしてパッケージや設定を整理しました

SublimeText

今年SublimeText3に乗り換えてからメニューまわりがうまく表示できなかったので再インストールしました。windowsの場合です。

 

  

SublimeTextのアンインストール

一度きれいにしたいので、SublimeTextをアンイストールします。

 

SublimeTextはコントロールパネルからアンインストールしても、再インストールした時に前の設定が復活してしまうので

C:\Users\【ユーザー名】\AppData\Roaming\Sublime Text 3

 のファイルをごっそり消しておきます。


参考:Sublime Text 2の設定をリセットする方法 | WEBdev

 

SublimeText 本体をインストール

本家サイトから最新バージョンのSublimeTextをダウンロードし、インストールします。

Sublime Text - Download

 

Package Controlをインストール

SublimeTextをカスタマイズするためにはPackage Controlが必須。

なのでSublimeText 本体をインストールしたら、最初にPackage Controlをインストールします。

 

メニューの「View(表示)」→「Console(コンソール)」でコンソール入力画面を表示し、以下コードをコピペしてEnter。 

Installation - Package Control

import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

※Sublime text 2とSublime text 3ではコードが違うのでお気をつけて。

 

 

日本語化

Japanize」をインストールすると、とりあえずメニューバーが日本語になるので出来たつもりになりますが、以下の手順を踏まないと下層メニューがちゃんと表示されません。多分これがメニューの不具合の原因だったのですね。

 

参考:Sublime Text 3をMacに再インストール! / インストール手順(日本語化含む)をまとめてみた | stryhの日記 ~stryh/changelog

 

 

追加した設定・パッケージ

ここからは好みで、必要な設定、不要な設定があると思います。自分が入れた設定・パッケージをまとめておきます。

 

半角スペースやタブを可視化

「基本設定」に以下を追加

"draw_white_space": "all",

 

全角スペースを可視化

なにかと問題になる全角スペース。標準機能で入れてほしいです。

 

パッケージ「trailing_spaces」をインストールし、

「基本設定」→「パッケージ設定」→「trailing_spaces」→「ユーザー設定」に以下を追加

{"trailing_spaces_regexp": " |[ \t]+"}

参考:Sublime Text 3でスペース(半角・全角)やタブを可視化する方法

 

折り返しを解除

改行ミスが起こりうるので自動折り返しはしないようにします。

「基本設定」に以下を追加

"word_wrap": false,

 

shift-jisのファイルを文字化けせずに開きたい。文字コードを表示したい

昔の案件だと、まだshift-jisが残ってたりします。。

パッケージ「ConvertToUTF8」をインストールして、
「基本設定」に以下を追加

"default_encoding": "UTF-8",
"fallback_encoding": "UTF-8",
"show_encoding": true, 

参考:[tips][Sublime Text] Sublime Text 3で文字化けしない方法

 

文字変換の候補が変な位置にでてしまう

パッケージ「IME Support」をインストール。

WindowsでSublimeTextを使う場合、日本語変換の表示位置を適切な場所に表示してくれます。

 

コーディングの入力補助

パッケージ「HTML5」をインストール。

Emmetを入れると、ソースの数字にカーソルがある状態で矢印キーの上下(↑↓)を押すと数値が変わってしまうのが嫌なのでHTML5だけにしました。CSSについては初期状態で大方カバーできるので得にインストールせず。

 

タブ移動を順序どおりにする

ctrl + tabを使うと、最近見たファイル順?にタブ移動してしまうのがちょっと難しいので。

「基本設定」→「キーバインド」に以下を追加。

{ "keys": ["ctrl+tab"], "command": "next_view" },
{ "keys": ["ctrl+shift+tab"], "command": "prev_view" },
{ "keys": ["ctrl+pagedown"], "command": "next_view_in_stack" },
{ "keys": ["ctrl+pageup"], "command": "prev_view_in_stack" }

参考:Sublime Text2でCtrl+Tabによるタブの切替をタブの順序どおりにする

 

タブが多数開いても重ならないようにする

ファイルをたくさん開くと、タブがジャバラ状に重なり横スクロール出来るようになりますが、ファイルを探すのが大変なので重ならないようにします。

「基本設定」に以下を追加。

"enable_tab_scrolling": false,

参考:Sublime Text 3 で複数のタブを重ならないようにする方法 - 情報系大学生のWebメモ

 

全てのタブを一気に閉じる

毎回仕事終わりには全部ファイルを閉じてしまいたいので。

「基本設定」→「キーバインド」に以下を追加

{ "keys": ["ctrl+shift+w"], "command": "close_all" }

参考:Sublime Textで全てのタブをまとめて閉じるショートカットを作成する方法 - 感謝のプログラミング 10000時間

 

テーマ

パッケージ「flatland」をインストール。

現在開いているタブが見やすい!配色も目に優しくて好きです。

www.emuramemo.com

 

まとめ SublimeTextに追加した設定

基本ユーザー設定

"draw_white_space": "all",// 半角スペース・タブの可視化
"enable_tab_scrolling": false,// タブの固定
"word_wrap": false,// 折り返し
"default_encoding": "UTF-8",// デフォルトの文字コード
"fallback_encoding": "UTF-8",
"show_encoding": true,// 文字コードの表示
"color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",
"theme": "Flatland Dark.sublime-theme"

 

キーバインドユーザー設定

{ "keys": ["ctrl+tab"], "command": "next_view" },
{ "keys": ["ctrl+shift+tab"], "command": "prev_view" },
{ "keys": ["ctrl+pagedown"], "command": "next_view_in_stack" },
{ "keys": ["ctrl+pageup"], "command": "prev_view_in_stack" },
{ "keys": ["ctrl+shift+w"], "command": "close_all" } 

 

パッケージユーザー設定(trailing_spaces)

{"trailing_spaces_regexp": " |[ \t]+"}

 

 

SublimeTextをガツガツ使いたい人は以下の記事が参考になると思います。

特におすすめしたい、Sublime Textのパッケージ - Build Insider

 


AdobeのBracketsに乗り換えようかと思いましたが、SublimeTextに慣れすぎてしまったので乗り換えられず。SublimeTextに不便を感じないので無理に乗り換えることは多分ないけど、そのうち色んな人がまたいいエディタを探してくれたら試してみたいです。

 

個人的にSublimeTextと同じくらい感動したGoogle日本語入力。こちらもよければ。

www.emuramemo.com

 

Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ

Web制作者のためのSublime Textの教科書 今すぐ最高のエディタを使いこなすプロのノウハウ

  • 作者: 上野正大,杉本淳,前川昌幸,森田壮,こもりまさあき
  • 出版社/メーカー: インプレスジャパン
  • 発売日: 2014/03/20
  • メディア: 単行本(ソフトカバー)
  • この商品を含むブログ (3件) を見る
 

 

 

emuramemo(c) All Rights Reserved.