わかりました、ここに私が欲しいものがあります:
- .sass ファイルではなく .scss ファイルを書きます
- ファイルを保存すると、対応する .css ファイルが同じフォルダーに取得されます
現在、Sublime Text2 には多くの SASS プラグインがありますが、構文の強調表示以外に何も提供していないようです。
Sublime Text2 で自動コンパイルを機能させる方法に関する提案。
わかりました、ここに私が欲しいものがあります:
現在、Sublime Text2 には多くの SASS プラグインがありますが、構文の強調表示以外に何も提供していないようです。
Sublime Text2 で自動コンパイルを機能させる方法に関する提案。
これを行う既存のプラグインが見つからなかったので、ここにあります:
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 プラグインとして優れていますが、これは要件を満たし、エディターをブロックしません。
専用のプラグインではなく、ビルドシステムの使用を検討する必要があります。とても簡単です。
http://docs.sublimetext.info/en/latest/file_processing/build_systems.html
このようなもの:
{
"cmd": ["sass","$file"],
"selector": "source.scss",
"path": "/usr/local/bin"
}
そして、ctrl + b
tを押して現在のファイルをビルドします。scssのビルドが複数ある場合は、ビルドメニュー()から1つを選択できますTools -> Build Systems
。
SublimeOnSaveBuildプラグインを使用できます。プラグイン フィルター設定では、.scss ファイルをそのままにしておきます。それは素晴らしいことです!
Sublime Test 用の sass/scss コンパイラ プラグインを探していましたが、ソース フォルダーが css フォルダーとは別になっています。そこで、ここに残されたコメントから離れて、ソース フォルダーに保存されている構成ファイルから実行される SassBuilder を作成しました。Sublime Package Control リポジトリにも提出されています。彼らがリクエストを取得したら、そこからインストールできます。