ノートPCで使用する外付け液晶モニタを購入したので、制作で使用するエディタに「Sublime Text 3」をインストールしました。

「Sublime Text 3」パブリックベータ版ですが、安定しているようなので「Sublime Text 2」から乗り換えです。

インストール後に行った設定をまとめます。

まずはPackage Controlのインストール

「View」→「Show Console」に以下のコードを貼り付けて「Enter」。

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; 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://sublime.wbond.net/' + 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)

日本語化

1.「Ctrl+Shift+P」でコマンドパレットを起動。
2.「ins」と入力して「Package Control:Install Package」を選択。
3.「japanize」を入力。「Japanize」クリックしてインストール。

「Japanize」のインストールが完了したら、install.textの適用手順通りに作業。

適用手順
1．C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Japanizeにインストールされている*.jpファイルを、C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Defaultにコピーします。※Defaultフォルダがない場合は作成してください。
2．コピーしたファイルをオリジナルのファイル（.jpが付かないファイル）と置き換えます。（念のため、オリジナルのファイルが有る場合は.orgなどを付けて保管しておきましょう。）
3．C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Japanize\Main.sublime-menu（.jpが付かない方）を、C:\Users\ユーザー名\AppData\Roaming\Sublime Text 3\Packages\Userにコピーします。すると、他のプラグインで上書きされてしまっているトップメニューも日本語化されます。
以上です。

日本語完了です。

便利なプラグインをインストール

• Emmet
• BracketHighlighter
• Goto-CSS-Declaration
• SublimeLinter
• TrailingSpaces
• FullPitchWhiteSpaceHighlight
• HTML5
• Tag
• CSS Snipets
• jQuery
• WordPress
• IMESupport
• JShint
• Placeholders
• AutoFileName
• Sass
• SCSS
• SCSS Snippets
• SASS Build
• Compass
• SublimeOnSaveBuild

※ソースコードの構文チェック機能を追加してくれるSublimeLinterを使用するには、「node.js」のインストール後、コマンドプロンプトに「npm install -g jshint」と打ってEnter。「JSHint」のインストールも必要。

設定を変更

メニューバーの「基本設定」→「基本設定-ユーザ」を以下のように設定。

{
	"bold_folder_labels": true,
	"color_scheme": "Packages/Color Scheme - Default/Solarized (Light).tmTheme",
	"draw_white_space": "all",
	"enable_tab_scrolling": false,
	"font_size": 12,
	"highlight_line": true,
	"ignored_packages":
	[
		"Vintage"
	],
	"open_files_in_new_window": false,
	"remember_open_files": true,
	"show_encoding": true,
	"trim_trailing_white_space_on_save": true,
	"word_wrap": "true"
}

Sublime Text 2と変更になっている点がいくつかありましたが、無事「Sublime Text 3」の制作環境が整いました。