7

わかりました、ここに私が欲しいものがあります:

  1. .sass ファイルではなく .scss ファイルを書きます
  2. ファイルを保存すると、対応する .css ファイルが同じフォルダーに取得されます

現在、Sublime Text2 には多くの SASS プラグインがありますが、構文の強調表示以外に何も提供していないようです。

Sublime Text2 で自動コンパイルを機能させる方法に関する提案。

4

5 に答える 5

6

これを行う既存のプラグインが見つからなかったので、ここにあります:

Package Control から SCSS プラグインをインストールしたと仮定すると、これを Packages/User/SCSS.py として保存できます。

import sublime_plugin
import subprocess
import os
from threading import Thread

def compile(input_file):
    output_file = os.path.splitext(input_file)[0] + ".css"
    cmd = "sass '{0}':'{1}'".format(input_file, output_file)
    subprocess.call(cmd, shell=True)

class SCSS(sublime_plugin.EventListener):

    def on_post_save(self, view):
        scope = (view.syntax_name(view.sel()[0].b)).split().pop()
        if scope == "source.scss":
            input_file = view.file_name()
            t = Thread(target=compile, args=(input_file,))
            t.start()

もちろん、これはユーザーが構成可能な設定 (ファイルの保存場所、オン/オフなど) を備えた公式の Package Control プラグインとして優れていますが、これは要件を満たし、エディターをブロックしません。

于 2012-08-10T18:48:11.387 に答える
5

専用のプラグインではなく、ビルドシステムの使用を検討する必要があります。とても簡単です。

http://docs.sublimetext.info/en/latest/file_processing/build_systems.html

このようなもの:

{
  "cmd": ["sass","$file"],
  "selector": "source.scss",
  "path": "/usr/local/bin"
}

そして、ctrl + btを押して現在のファイルをビルドします。scssのビルドが複数ある場合は、ビルドメニュー()から1つを選択できますTools -> Build Systems

于 2012-08-12T14:42:26.967 に答える
3

SublimeOnSaveBuildプラグインを使用できます。プラグイン フィルター設定では、.scss ファイルをそのままにしておきます。それは素晴らしいことです!

于 2013-12-27T10:42:08.103 に答える
1

Sublime Test 用の sass/scss コンパイラ プラグインを探していましたが、ソース フォルダーが css フォルダーとは別になっています。そこで、ここに残されたコメントから離れて、ソース フォルダーに保存されている構成ファイルから実行される SassBuilder を作成しました。Sublime Package Control リポジトリにも提出されています。彼らがリクエストを取得したら、そこからインストールできます。

github の SassBuilder

于 2012-11-15T09:56:18.817 に答える