Sublime Text 3编译Sass - Sublime Text安装Sass插件

1、首先要安装sass,安装流程:

http://www.w3cplus.com/sassguide/install.html

2、sublime text安装Package Control(已经安装了Package Control的朋友可以跳过此步骤)。

  a、sublime text里按快捷键调出控制台:Ctrl+`

  b、在控制台复制Package Control安装代码,代码在Package Control官网获取:https://packagecontrol.io/installation#Simple

3、安装成功Package Control后,快捷键Ctrl+Shift+P,调出Package Control。

4、在面板中输入install package调出线上sublime插件库,可能有网速原因调出时间需要等待一会。

分别安装sass和sass build插件

5、用Sublime Text 3下新建一个test.scss文件

$color: #369;
body {
background: darken($color, 10%);

}
按Ctrl+B则编译成功。提示:

[Finished in 1.0s]

6、编译格式选择,工具(tools)→编译方式(build with...):sass(展开版)和sass - compressed(压缩版),编译快捷键:Ctrl+B

时间: 05-28

Sublime Text 3编译Sass - Sublime Text安装Sass插件的相关文章

sass sublime text 2 gulp ionic

sass 安装1.全局安装 sass 我的Mac 所以不用再安装Ruby ,直接在终端输入 1 gem install sass 然后在终端中输入 sass -v 出现 Sass 3.4.8 (selective steve) ,表示安装成功.sass的编译1. 使用 sublime text 2 1.1 preferences-->PackageControl---> 输入 install package ---->输入 SassBuilder 安装插件完成1.2 新建项目 ---&g

给Sublime Text 2安装CTags插件

以Windows操作系统为例介绍安装过程: 安装ctags应用程序. 到CTags的官方网站下载最新版本,解压后将ctags.exe文件放到系统的搜索路径中. 安装Sublime Text 2的Package Control功能. 打开Sublime Text 2,使用快捷键ctrl+`呼出命令行,执行如下命令: importurllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();

Win7环境下Sublime Text 3下安装NodeJS插件

1.首先下载安装Node.JS,配置好环境变量(安装好Node.JS默认是配置好了环境变量的). 2.Sublime Text 3下安装NodeJS插件. 参考的两篇文章:http://www.cnblogs.com/bluesky4485/p/3928364.html http://www.cnblogs.com/linjiqin/p/3765390.html

【PHP分享】Sublime Text 2安装Ctags插件

1. 下载ctags58.zip,解压后将其中的ctags.exe放到Path路径下,以笔者为例,将其直接放到%SystemRoot%\system32路径下,然后通过命令行测试如下: 2. 调用Sublime Text 2包管理器安装Ctags插件: 3. 在工程目录下运行"ctags -R -f .tags –fields=+aimSl –languages=php",此时可在工程目录下生成.tags索引文件: 4. 将光标移到指定函数名,快捷键"Ctrl+t+t&quo

Sublime text 3 中Package Control 的安装与使用方法和解决Sublime Text 3不能正确显示中文的问题

Sublime text 3 中Package Control 的安装与使用方法,英文好可以在这个网址看看, 下面简单的说明一下 : https://packagecontrol.io/installation 1. 打开sublime text3 按下ctrl+~ 把下面的代码粘贴或者分别点击 View --> Show Consolemenu后粘贴 import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f'

用Sublime Text 3的HTML-CSS-JS Prettify(需安装node.js)插件格式化代码

用Sublime Text 3的HTML-CSS-JS Prettify(需安装node.js)插件格式化代码 用 Sublime Text 格式化代码(安装 HTML-CSS-JS Prettify 插件)时,格式化时却会提示(默认路径未找到Node.js) 下载安装到Node.js 官网下载 32位版本(据说win x64版有问题)安装. 确认Node.js安装路径鼠标右键HTML/CSS/JS Prettify > Set Plugin Options保证插件路径与Node.js安装路径一

Sublime text 3安装svn插件

这几天在研究sublime text 3的使用,感觉还不错,现在想让他能够支持svn,所以就写一下怎么安装svn插件吧~ 首先先说一下这个官方的插件网站 点我进入~ 进入之后,最上边的第一个就是点击安装插件包管理插件,有了这个插件才能够方便的安装别的插件. 首先通过ctrl+~唤出控制台 如果你是sublime text 3那么执行一下代码 1 import urllib.request,os,hashlib; h = '2deb499853c4371624f5a07e27c334aa' + '

sublime安装AngularJS插件

sublime能够支持AngularJS开发那绝对是一件很爽的事情.下面我一步步讲解如何为sublime安装AngularJS插件. 1.添加控制包站点 根据你安装sublime 版本不同,在控制台写入不同的代码 : 控制台打开方法:View > Show Console 或者 快捷键 ctrl+` Sublime Text 3: <pre name="code" class="javascript">import urllib.request,o

在sublime text3中安装git插件

使用Package Control组件(推荐),打开install package控制台后,直接输入git就可以安装git插件. 这个时候Sublime Text只是安装了git插件,但还不能使用git命令,需要在修改Sublimt Text针对git的配置文件 "Git.sublime-settings",这个文件一般在你的账户目录下,如: C:\Users\Owen\Git.sublime-settings, 如果没有则创建这个文件. 在这个文件中加入如下内容: "git