Sublime添加Sass插件，语法高亮

在sublime中安装sass插件和sass build插件了，打开我们的sublime

首先你要看的是在preference选项下有没有package control这个选项，如果没有的话，就表示你没有Package Control 插件（一个方便 Sublime text 管理插件的插件），这时，你就要从菜单 View - Show Console 或者 ctrl + ~ 快捷键，调出 console。将以下 Python 代码粘贴进去并 enter 执行，不出意外即完成安装

sublime text3

1

import urllib.request,os; pf = 'Package Control.sublime-package' ; ipp = sublime.installed_packages_path(); urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler()) ); open (os.path.join(ipp, pf), 'wb' ).write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace( ' ' , '%20' )).read())

sublime text2

1

import urllib2,os; pf = 'Package Control.sublime-package' ; ipp = sublime.installed_packages_path(); os.makedirs(ipp ) if not os.path.exists(ipp) else None ; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open (os.path.join(ipp, pf), 'wb' ).write(urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace( ' ' , '%20' )).read()); print ( 'Please restart Sublime Text to finish installation' )

完成了这步之后,再重新打开我们的sublime,ctrl+shift+p，并输入install



选择第一个Install Pacage,



在命令栏中输入"Sass"然后回车，然后在弹出的列表中选择Sass插件，通过鼠标单击或者回车进行安装，可通过左下角状态栏查看安装结果

在命令栏中输入"SassBuild"然后回车，然后在弹出的列表中选择SassBuild插件，通过鼠标单击或者回车进行安装，可通过左下角状态栏查看安装结果

按ctrl+shift+p，输入package，选择list packages，就看到了我们安装的插件列表



如果你看到了sass和sass bulid就说明插件安装成功了。

这是你把scss文件写完之后，按ctrl+b就可以实现sass文件的编译了，他会生成一个自动编译生成css文件。