sublimeText3 中配置sass环境,并将编译后文件保存到指定文件夹

sass基于ruby引擎,所以安装时ass、compass之前需要安装ruby。具体的链接应该是(http://rubyinstaller.org/downloads)。下载并安装相应的版本,勾选第二项(要在cmd中使用ruby)。

打开命令行,输入ruby -v,查看我们安装的ruby版本信息。

ruby安装完成之后,打开ruby的command面板,接下来就是安装sass了。Windows下安装sass有多种方法,这里说一下其中的两种:

1、到 Rubygems(http://rubygems.org/) 下载 Sass 的安装包(http://rubygems.org/gems/sass),然后在cmd输入:

gem install <把下载的安装包拖到这里>

回车!

2、打开cmd,输入 gem install sass --version=3.4.22(可选版本),回车。(卸载方法: gem uninstall sass --version=3.4.22)。

接下来开始在sublime中安装sass插件

打开sublime,ctrl+shift+p,输入install,选择第一个(Package Control)回车

命令框中输入Sass,选择,回车!(同样的步骤,命令框中输入SassBuild,选择,回车!)。

Ctrl+shift+p,输入list packages,回车,可以看到插件列表,如果其中有Sass和SassBuild,说明安装成功了。、

写完scss文件后,Ctrl+b就可以编译了,但默认编译后的css文件和scss文件放在同一个文件夹,写项目的时候可能会有很多css文件,有固定的css文件夹,这时候就需要把编译后的css文件,放到这个指定的文件夹了,手动移动的话,有点麻烦,那就跟着下面的步骤设置一下吧。

1、Tools -> Build System -> New Build System

2、粘贴如下代码:

   {  
      
        "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"  
        } 
    }

保存到Sublime Text3 Packages下,新建MySass文件夹,保存文件名MySass.sublime。

3、Tools -> Build System -> MySass ,选择编译类型。

这样设置以后,如项目中有css文件夹,就会编译到css文件夹中,如果没有,会自动生成一个css文件夹,用于保存编译后的css文件。

然后Ctrl+b,尽情编译吧!

时间: 2024-10-19 14:38:34

sublimeText3 中配置sass环境,并将编译后文件保存到指定文件夹的相关文章

eclipse中配置spring环境

初识Spring框架 1.简单使用 eclipse中配置Spring环境,如果是初学的话,只需要在eclipse中引入几个jar包就可以用了, 在普通java project项目目录下,建一个lib文件夹,将常用的jar包导入,并Build Path. jar包资源下载:http://pan.baidu.com/s/1pKAP8gj 这样就可以快速进行Spring的简单学习了 2.正常使用 要使用Spring的完整功能还需要下载 Spring Tool Suite 与 完整版的 spring-f

如何在VS和CB中配置MySQL环境

这里,由于我的MySQL安装在D盘 MY SQL\MySQL Server 5.6该路径下,所以后面的路径均以D:\MY SQL\MySQL Server 5.6开头 在VS中配置MySQL环境 包含目录: D:\MY SQL\MySQL Server 5.6\include 库目录:D:\MY SQL\MySQL Server 5.6\lib 链接器-输入:libmysql.lib 复制bin目录下的libmysql.dll到C:\windows\syswow64 CB中配置MySQL环境:

Ubuntu中配置Java环境变量时,出现command not found问题解决记录

百度出Ubuntu中配置Java环境变量时,在利用sudo gedit /etc/profile 对prifle编辑后, 在terminal中输入 sudo source /etc/profile,为了使profile文件更改成功时,出现command not found. 是因为用户权限不够,虽然普通用户已经用sudo获取了权限(这里不是很理解为什么,也是百度出的答案,如不对,还请指正呐!). 输入 sudo -s 输入 source /etc/profile 此时输入 java -versi

4.7 Sublime Text3 中配置 Python环境 --上之安装Sublime 3

返回总目录 目录: 1.展示效果: 2.缺优分析: 3.下载Sublime Text3 (一)展示效果: 1.能够交互式编写Python代码: 2.可以编写文件式Python代码: 3.能够自动补齐代码及智能提示: (1)导入及内建函数的提示: (2)对导入的模块,类以及函数的简单说明: (3)提示,补齐模块下的类,方法: 4.能够生成模板: 5.能够进行文件管理: (二)缺优分析 1.最大的优势是: (1)打开速度快,比起哪些大型的集成IDE快. (2)具有代码智能提示与补齐,比起自带的IDL

eclipse中配置maven环境

一.配置setting.xml文件 1.首先将下载好的maven打开,打开文件夹,首先就需要对maven安装目录下有个config文件夹,在文件夹下有settings.xml文件.settings里面就是配置maven工程的一些本地仓库地址(项目使用的某些jar下载并且安装到本机中),远程仓库(如果本机没有需要的jar,则从远程获取.)的配置等信息. 2.打开maven目录下的conf文件夹下的setting.xml配置文件(修改文件中的< localRepository />将此标签中的内容

Linux虚拟机中配置JDK环境变量

前提准备: 1,安装好Linux系统 2,下载好可以将文件传输到Linux系统工具例如:WinSCP 3,在windows中下载Linux版JDK: http://download.oracle.com/otn-pub/java/jdk/8u111-b14/jdk-8u111-linux-x64.tar.gz 一,创建存放JDK文件的文件夹 1,去到系统根目录 cd / 2,创建文件夹 mkdir 文件夹名 二,将文件传输到之前创建的文件夹中 注意:如果需要将文件放入到Linux中必须使用roo

配置java环境变量及编译源程序

配置java环境的变量 1.下载.安装jdk 2.右击“我的电脑”→属性→高级系统设置→环境变量 更改: A:新建中输入变量名(JAVA_HOME) 变量值(粘贴上jdk的安装路径 即:所在位置) B:系统变量打开path,变量值增加"%JAVA_HOME%bin/;" 3.测试:开始→cmd→java -version→回车(显示jdk的版本,成功) 编写源程序(文件名格式为xx.java,开头字母大写)→编译源程序(开始→cmd→java -version回车→cd 粘贴xx.ja

在Editplus中配置java的(带包)编译(javac)和执行(java)的方法

配置的前提是电脑安装了JDK而且配置好了相关的环境变量(JAVA_HOME,path和classpath). 配置好后在命令行中输入javac和java验证是否配置成功: 假设出现上面的情况则说明配置成功. 首先打开Editplus,打开工具-配置自己定义工具(或者使用快捷键Alt+G): 然后点击"组名",将Group 1改为"Java编译与执行": 然后点击"加入工具"-"程序": 1加入编译功能 "菜单文字&q

在ubuntu中配置java环境变量遇到的一些问题

最近因为重装了系统,所以需要重新配置java环境变量,本来打算在/etc/environment中配置的,但是配置好以后重启发现登录不进图形界面了,ctrl+alt+F2~6都可以进入命令行,但是在命令行中尝试用sudo su切换到root用户又会失败,查了一些资料后发现是因为environment中不要用export来配环境变量,这样会导致登录失败的问题,而且因为配java路径的时候我们在原来的PATH前面添加了一些路径,导致后面的/bin和/usr/bin等目录都找不到了,因此也就无法找到s