初心者によるSublime Text講座Ⅰ（ダウンロード＆日本語化）｜ゼロからのWeb制作 Vol.14

2014.08.29

S.S

こんにちは、鈴木です。

今回は、sublime textの基本的な使い方や便利だなと思った機能を紹介したいと思います。

私がこのブログでhtmlやcssの使い方を書くときもテキストエディタを使いますが、sublime textではありませんでした。

(html,css)主要エディタのメリット、デメリットの記事を読み、subime textは便利そうだと思い、今回使ってみることにしました。

Sublime Textとは

sublime texはテキストエディタの一つであり、htmlやcssを書くときに使います。無料のテキストエディタと一番違うとこは、豊富なプラグインで機能が拡張できるところ。自分の好きなようにカスタマイズできるのも人気の一つです。

使っていると「ライセンスを購入しますか」のような表示が出ますが、無料のままでも十分使えるので心配ありません。

Sublime Textをダウンロード

http://www.sublimetext.com/

このサイトのDawnloadというページからダウンロードします。

sublime textは様々なOSに対応しているので、自分の使っているOSの環境にあったものをダウンロードしましょう。

PackageControlを導入

sublime textのダウンロードが終わり、ファイルを開くと背景が黒のテキストエディタが表示されたと思います。

日本語化などの豊富なプラグインを入れるにはPackageControlを導入すると非常にラクです。

まず、「View」の中の「Show Console」を開きます。

開くと画像の赤枠部分のフォームが表示されます。

ここに

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404e330c659d4bb41d3bdf022e94cab3cd0'; 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)

を入れてください。

すると、ショートカットキー「CTRL+Shift+P」(Windows)を押せば、このようにPackageControlが表示されるようになります。

sublime text packagecontrol 表示