sublime text3中sass编译后保存到设定的文件夹中

第一步：

tools->builde system->new build system

第二步：

粘贴如下代码到新建文档中：

{

	"cmd": ["sass", "--update", "$file:${file_path}/../css/${file_base_name}.css"],
	"selector": "source.sass, source.scss",
	"line_regex": "Line ([0-9]+):",

	"osx":
	{
		"path": "/usr/local/bin:$PATH"
	},

	"windows":
	{
		"shell": "true"
	}

}

第三步、存储

存储到C:\Users\do**nwl\AppData\Roaming\Sublime Text 3\Packages\下，新建MYSASS文件夹，保存名字为MYSASS.sublime-build

第四步、选择自动编译的类型：

tools->builde system->MYSASS

这样就可以把编译以后的css文件存到自己想放置的路径了。

按Ctrl+B进行编译，成功编译结果显示为。

==========================================================================================

构建系统变量

Build systems expand the following variables in .sublime-build files:

在*.sublime-build* 中包括如下构建系统变量。

$file_path	当前文件所在路径, 比如 C:\Files.
$file	当前文件的完整路径, 比如 C:\Files\Chapter1.txt.
$file_name	当前文件的文件名, 比如 Chapter1.txt.
$file_extension	当前文件的扩展名, 比如 txt.
$file_base_name	当前文件仅包含文件名的部分, 比如 Document.
$packages	Packages 文件夹的完整路径.
$project	当前项目文件的完整路径.
$project_path	当前项目文件的路径.
$project_name	当前项目文件的名称.
$project_extension	当前项目文件的扩展部分.
$project_base_name	当前项目仅包括名的部分.