1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Web開発向け実用的SublimeTextパッケージ3選

Posted at

はじめに

SublimeTextとは

  • "恋に落ちる"ほど軽量快適で、拡張性の高いテキストエディタ
  • まだインストールしてない人々は、まず こちら からSublimeTextをインストール!!

パッケージについて

ユーザーが自由に作成した、「プラグイン」のようなものが自由に無制限でSublimeTextのコマンドパレット(Tools->Command Pallete[Ctrl+Shift+P])でPackage Control: Install Packageからインストールできる。

早速紹介

AutoFileName

autofilename.gif

その名の通り、<script src=" ←この時点で現在編集しているディレクトリからファイルを予測候補で出してくれる。便利。

FileIcons

fileicons.png

現在のプロジェクトのファイルたちにアイコンをつけてくれる。ファイルの見分けがつきやすくなる。

HTML-CSS-JS Prettify

HTML-CSS-JavaScript-Prettify.gif

SublimeTextにはデフォルトでコード整形がついてないので、自分好みの整形ツールを入れる必要がある。
Ctrl+Shift+Hで自動整形してくれる。
HTML,CSS,Javascript,JSON,React/JSX/Vue.js等に対応。

まとめ

  • 今回はWeb開発向けの実用的なパッケージを3つに絞って紹介した。
  • これを機に記事を読んだ人が、SublimeTextに初めての人はどっぷりと、すでに使ってる人にはもっとどっぷりと浸かって恋に落ちてほしい。
  • 快適開発環境でWeb開発にハマろう!!
1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?