sass – 在Sublime Text 2中自动编译SCSS文件

前端之家收集整理的这篇文章主要介绍了sass – 在Sublime Text 2中自动编译SCSS文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
好的,这就是我想要的:

>我写.scss文件,而不是.sass文件
>在保存文件时,我在相同的文件夹中获得相应的.css文件

现在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插件,具有用户可配置的设置(保存文件,打开/关闭等),但这符合您的要求,不会阻止编辑器.

猜你在找的HTML相关文章