web-dev-qa-db-ja.com

Sublime 3でscss構文を設定する方法は？

Sublime 3エディターを使用しています。 SCSSファイルを開くと、構文を誤って判断したため、多くの赤い文字が表示されます。私が押すと CTRL + Shift + P sassまたはscssと入力します。オプションがありません。 CSSに構文を設定する必要がありました。

Sublime 3でSCSSに構文を設定する方法はありますか？

csssasssublimetext3sublimetextsyntax-highlighting
34
user31782

押す CTRL + Shift + P 以下のサブテキストでポップアップが開きます

enter image description here

Package Control：Install Packageをクリックします。これにより、以下のpopup.typeSCSS検索ボックスに。最初の提案はSCSS（下の画像では強調表示されていません）をクリックしますそれ。

enter image description here

もう一度押す CTRL + Shift + P SCSSを検索し、Set Syntax：SCSSをクリックします。 scssファイルがそれに応じて色付けされること

enter image description here

109
codegeek

2つの非常に人気のあるパッケージがあります： 'Sass'と 'SCSS'。 codegeekの72以上の回答が示唆していることから、私は「SCSS」パッケージから始めましたが、有効なSCSSの大部分は白であることがわかりました。

'Sass' パッケージにはSassとSCSSの両方が含まれており、SCSSには 'SCSS'と呼ばれるパッケージよりもはるかに完全です。

インストール手順：

  1. CTRL+SHIFT+P （マック： COMMAND+SHIFT+P）
  2. 「Package Control: Install package」と入力して押します Enter。数秒待ちます
  3. 「Sass」と入力し、選択した項目が「Sass」であることを確認して、を押します Enter。
  4. アプリの下部にあるステータスバーにインストールステータスが表示されます。インストールが完了したら：
  5. CTRL+SHIFT+P 再び
  6. 「Set syntax: SCSS」と入力して押します Enter
18
jameslol

Sass拡張機能（SASSとSCSSの両方をサポート）がインストールされており、古いSASSではなく新しいSCSS構文強調表示ですべての.scssファイルを開く場合は、次の手順を実行します。

  • 開く表示->構文->現在の拡張子ですべて開く...
  • SelectSass-> SCSS

クレジット： http://joncaveman.com/2015/08/11/sublime-text-3-default-syntax-highlighting-for-file-types/

0
Ryan Wheale