creatersnest

SublimeText 3をより快適に使うための設定方法


IDE(PhpStorm、Aptana、NetBeansなど)は、コードを書きながら
構文エラーをリアルタイムでチェックしてくれるので、とても便利です。
そこで、SublimeText 3をより快適に使うための設定方法として、
SublimeLinter3というプラグインを入れることにより、同様な機能が得られます。

 

 

 

 

SublimeText 3で構文チェックしている様子

画像出典: MAMANのITブログ

 

エラー箇所は、黄色や赤で強調表示されます。
コンソールを表示する(メニュー > View > Show Console)と、
エラー原因も出力されます。
また、コンソールを表示しなくても、エラー行にカーソルを持って行けば、
ステータスバーでエラー原因を見ることができます。

 

利用方法

1. Command paletteを開く
Windows;Ctrl + Shift + p    Mac;Command + Shift + p
または、Tools > Command palette で開きます。

Command paletteに“inst”と入力したところ

http://tukumemo.com/sublimetext-sublimelinter/

 

2. Package Control : Install Packageを選択
検索欄に“inst”と入力すると、“Package Control : Install Package”が出てきます。

 

Command paletteに“inst”と入力したところ

画像出典: Sublime Text 3 で構文エラーチェックする設定のまとめ

 

SublimeLinter 3はLinterを使うためのフレームワークです。
SublimeLinter単体では、リアルタイムで構文エラーを表示するためだけの機能しかありません。
したがって、構文エラーを判定するには、各言語のLinterが必要になりますから、
それぞれのLinterをインストールしなければなりません。
さらに各Linterによっては、別途プログラムを要します。

 

3. 言語に対応するLinterをインストール
4. Package ControlでSublimeLinterをインストール
それでは、1、2は共通ですから、3、4の手順について、いくつか例示します。

 

例示

PHPの場合;

3. phplintをインストール
phplintの公式サイトからダウロードして、インストールします。

Macの場合は、Homebrewからインストールすることができます。
ターミナルを起動し、以下のコマンドを入力します。
brew tap josegonzalez/homebrew-php
brew install phplint

 

4. Linterプラグインインストール;SublimeLinter-phplint
Package Controlから SublimeLinter-phplint をインストールします。

 

JavaScriptの場合;

3. Node.jsをインストール
Node.jsの公式サイトからダウロードして、インストールします。

 

4. Linterプラグインインインストール;SublimeLinter-jshint
Packege Controlからjshintをインストールします。

 

Pythonの場合;

3. flake8をインストール
pythonをインストールしたら、pieをインストールします。
ターミナル、またはコマンドプロンプトを起動し、flake8をインストールします。
pip install flake8

 

4. Linterプラグインインインストール;SublimeLinter-flake8
Package Controlから SublimeLinter-flake8 をインストールします。

 

これら以外にも、HTML、CSS、XML、rubyなど、
公式サイトにLinterがアップされています。対応しているLinterをご利用ください。

 

まとめ

だいたいのIDEは、リアルタイムでチェックしてくれるので、けっこうそれだけで、
構文エラーストレス解消、仕事の効率化を感じていましたが、
ただ各IDEの機能に依存しており、対応するのが大変でした。
今回ご紹介したSublimeLinter 3は汎用的で、
Sublime Textにリアルタイムに文法をチェックする機能を付け加えたプラグインです。
しかも以前のものより、かなりバージョンアップをしており、大変に使い易くなっていました。

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


kurs

web集客コンサルティング、スマホサイト製作、プログラム開発などを行っています。物理学、経済学、マーケティング、心理学、仏教、哲学などにも精通しており、悩める人々を一人でも多く、救いたいと思っています。現代の日本で最大の不安要素は、老後破綻です。「このままでいいのか!?何か対策をしなければ、老後が不安だ」というふうに、老後に恐怖を感じている人が大勢います。この問題の解決に、一筋の光明を与えるのが、エグゼクティブオーナーズクラブ(EOC)です。EOCのメンバーには、メンバーだけのゆとりと安心が備わっています。  to be continue・・・

Next Article美しく見える黄金比をWebデザインにも取り入れよう!