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

来源:互联网 发布:java函数命名规则 编辑:程序博客网 时间:2024/06/04 17:55

第一步:

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.$packagesPackages 文件夹的完整路径.$project当前项目文件的完整路径.$project_path当前项目文件的路径.$project_name当前项目文件的名称.$project_extension当前项目文件的扩展部分.$project_base_name当前项目仅包括名的部分.

0 0