emuramemo

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

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

SublimeText

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

 

 

SublimeTextのアンインストール

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

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

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


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

 

本体をインストール

本家サイトから最新バージョンのSublimeTextを落としてきて、インストール

Sublime Text - Download

 

パッケージコントロールをインストール

本体をインストールしたら真っ先にパッケージコントロールをインストールします。

表示→コンソールでコンソールを表示し、以下コードをコピペしてEnter。 

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

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)

 

日本語化

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

 

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

 

 

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

ここからは好みで、必要なやつ、いらんやつがあると思います。今更感MAXですが、自分が入れたものをまとめておきます。

 

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

基本設定(ユーザー)に以下を追加

"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.