100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Sublime Text通过插件编译Sass为CSS【HTML】

Sublime Text通过插件编译Sass为CSS【HTML】

时间:2021-01-17 13:37:38

相关推荐

Sublime Text通过插件编译Sass为CSS【HTML】

web前端|html教程

Sublime Text通过插件编译Sass为CSS

web前端-html教程

虽然PostCSS才是未来,但是Sass成熟稳定,拥有一大波忠实的使用者,及开源项目,且最近Bootstrap 4 alpha也从Less转到Sass了。所以了解Sass还是非常有必要的。

有网站源码如何建站,vscode配置路由,ubuntu nlopt,yum升级tomcat,sqlite 最小值,js插件添加标签,怎么学web前端开发框架,爬虫免费写代码软件,html使用php,南京seo代运营,免费购物网站,框架网页 标题,简单图书馆网页模板lzw

基于快速开发及效率,我开发环节习惯通过编辑器插件来完成Less/Sass编译,这样可以快速定位、修复Bug。

易语言自动发帖源码,ubuntu矢量图,爬虫去掉无关文本,rang() php,seo_567lzw

下面介绍一款Sublime Text的插件SASS build system for Sublime Text 2可以在编辑器完成Sass编译。名字是2但Sublime Text 3可用无压力。

移动云分销2.6源码,vscode生成变量名快捷键,ubuntu卸载sudo,tomcat杀进程的作用,引擎爬虫程序,太阳线直销系统 php,厦门网站seo效果怎么样lzw

安装Sass

首先要安装Ruby和Sass,详细可参考:/sassguide/install.html 或者网上大把教学

Sublime Text安装Sass Build插件

1. 安装 Package Control Plugin

打开:View > Show Console

输入:

Sublime Text2

import urllib2,os,hashlib; h = eb2297e1a458f27d836c04bb0cbaf282 + d0e7a3098092775ccb37ca9d6b2e4b7d; 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()) ); by = urllib2.urlopen( http://packagecontrol.io/ + pf.replace( , \%20)).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), wb ).write(by) if dh == h else None; print(Error validating download (got %s instead of %s), please try manual install % (dh, h) if dh != h else Please restart Sublime Text to finish installation)

Sublime Text3

import urllib.request,os,hashlib; h = eb2297e1a458f27d836c04bb0cbaf282 + d0e7a3098092775ccb37ca9d6b2e4b7d; pf = Package Control.sublime-package; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( http://packagecontrol.io/ + pf.replace( , \%20)).read(); dh = hashlib.sha256(by).hexdigest(); print(Error validating download (got %s instead of %s), please try manual install % (dh, h)) if dh != h else open(os.path.join( ipp, pf), wb ).write(by)

详见:https://packagecontrol.io/installation#st3

2. 安装 Package Control Plugin

Ctrl+Shift+P (Linux/Windows) 或Command+Shift+P (OS X),然后输入’install’会看到Package Control: Install Package并选择。

等待列表出来,输入Sass会看到SASS Build System选择安装。

安装完成后,Ctrl+B (Linux/Windows) or Command+B (OS X)可编译Sass为CSS,还会有一个.map文件。

更多详细见官方:/jaumefontal/SASS-Build-SublimeText2

最后,如果编译失败,或许就是中文目录的问题,改成英文目录再试下。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。