Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationEventAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
0
Help us understand the problem. What are the problem?

More than 3 years have passed since last update.

@hitcracker317

sublime Text セットアップ

プラグイン

プラグインをインストールする準備

プラグインをインストールするにはPackage Controlが必要。
以下の公式サイトからPackage Controlをインストールするコードをコピペする。
https://packagecontrol.io/installation

そして、view > show commandからコンソール用のフォームを表示させる。
そこに先ほどコピペしたコードをペーストしてエンター。成功すればおk。

おすすめプラグイン

{
    Alignment,
    AutoFileName,
    BracketHighlighter,
    Emmet,
    HTML5,
    SublimeLinter,
    Theme itg,flat //こちらはテーマ
}

HTML/CSS/JS Prettify

コードの整形(インデント揃え)をしてくれるプラグイン。
インストールにはnode.jsをインストールする必要があるよ!

Emmet

HTML,CSSの記述を簡潔にするプラグイン。省略記法。

チートシート(http://docs.emmet.io/cheat-sheet/)

sublimeのテーマ(見た目)を変更

Package Controllを開いて、テーマの名前を入力してエンターでインストール。

そのあと、Preferences > Settingsを選択して表示される設定ファイルにて以下の場所にテーマを有効化させる記述をしよう。

{
    "color_scheme": "Packages/User/SublimeLinter/itg.dark (SL).tmTheme", //文字色のスキーム
    "font_size": 19,
    "ignored_packages":
    [
    "Vintage"
    ],
    "theme": "itg.flat.dark.green.sublime-theme", //sublimeのテーマ
    "word_wrap":"true" //文字の折り返しを有効化
}

おすすめテーマ

"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
"theme": "Material-Theme.sublime-theme",
"color_scheme": "Packages/Theme - itg.flat/itg.dark.tmTheme",
    "theme": "itg.flat.dark.sublime-theme",

Sass用の設定やパッケージ

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
0
Help us understand the problem. What are the problem?