web-dev-qa-db-ja.com

Sublime Text 2:scssおよびLessファイルに色を付ける方法

Sublime Text 2を使用していますが、css.scssおよびcss.lessファイルはすべて白いテキスト(コメント、括弧、構文)に含まれています。通常のcssファイルを見ると、上記のすべてを区別する色が付いています。他の誰かがこれに対処しましたか?これは私が得ているバグですか?独自の色を追加したり、通常のcssファイルから同じ設定を取得してlessおよびscssのファイルに追加するにはどうすればよいですか。

66
Jryl

特定の拡張子の構文を設定できます。こちらをご覧ください:

http://www.codechewing.com/library/set-default-syntax-highlight-for-different-filetypes-sublime-text/

対応するファイルを.scss/.less拡張子で開きます。上部のメニューから、「表示」>「構文」>「オプション:現在の拡張子ですべてを開く...」> CSS

enter image description here

140
Sabarish Sankar
  1. SublimeText Preferences> Package Controlで。

  2. 「パッケージ制御:パッケージのインストール」を選択します。

  3. ボックスに「LESS」と入力します。表示される最初のオプションをクリックします。

  4. Sublimeを再起動します。

  5. LESSファイルを開きます

  6. 表示>構文。 LESSを選択

SASSでも同じです

25
Puneet Mahendra

崇高なテキストで色の少ない構文を表示するためのパッケージをインストールする最良の方法は、次のリンクに従うことです。

https://sublime.wbond.net/installation#st2

これは、前の回答で書かれたコマンドラインが機能しない場合の対処方法に関する指示があるからです。 Sublime Textの異なるバージョン用の2つの異なるコマンドラインもあります。

パッケージをインストールすると、[表示]> [構文]メニューオプションにLESSカテゴリが表示されます。

私にはそれが大いに役立った。それがあなたにとってもうまくいくことを願っています!

6
Simona Adriani

次のコードをコピーして崇高なテキストコンソール(表示-> show console)に貼り付けることで、パッケージマネージャーをインストールできます。

import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')

インストールしたら、ctrl + shift + pを押して、インストールを記述してからインストールパッケージをクリックします。表示された画面でsassと記述し、sass構文パッケージをクリックします。それが終わったら、scssファイルを開いて、ctrl + shift + pを押し、sassを書いて「set syntax:sass」をクリックします。

4
xonorageous

Sublime TextにPackage Controlがインストールされていない場合、パッケージを手動でインストールできます。

LESS package をインストールするには、次の手順を手動で実行します。

  1. LESSパッケージをダウンロードhttps://github.com/danro/LESS-sublime/archive/master.Zip
  2. Unzipアーカイブパッケージ
  3. Sublime TextからPreferences→Browse Packages ...に移動します
  4. コピー/貼り付け開いたばかりの新しいウィンドウにパッケージフォルダーを
  5. RestartSublime Text
  6. Opena .lessファイル
  7. View→Syntax→現在の拡張子ですべて開く...→Lessに移動します

SCSSパッケージ をインストールするには、同じ手順を実行する必要があります。
SCSSパッケージの直接ダウンロード: https://github.com/MarioRicalde/SCSS.tmbundle/archive/master.Zip

ハッピーコーディング!

0
Antoine Subit

パッケージマネージャーを介してlessおよびsassプラグインをインストールして、これらのファイルタイプの正しい構文強調表示を取得します。

0
IanVS