讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > html教程 > 正文

Sass开发环境搭建 - 吹风

php中文网
发布： 2016-05-20 16:51:02
原创
1948人浏览过
一.Ruby环境下Sass的安装
     a.安装Ruby
          1.下载rubyinstaller安装
          2.命令行或者直接使用sass gem包安装Sass。
          具体安装方法请参见：http://www.w3cplus.com/sassguide/install.html。（Sass gem地址已经被和谐了，大家可以从我的网盘下载gem包：http://pan.baidu.com/s/1hslRynE）
       
     b.安装Sass开发环境Sublime Text
          Sublime安装完后配置起来比较繁琐，
          1.需要安装PackageControl工具，PackageControl用于管理Sublime的插件管理器。
             PackageControl 的安装方法很多，具体的可以参考：http://www.imjeff.cn/blog/62/
          2.安装Sass开发插件。
             Sass插件的安装很简单，快捷键 Ctrl+Shift+P，输入 install 选中Install Package并回车
             然后输入Sass,选择Sass
          3.安装SassBuilder开发插件。
              安装方法同第2步骤
          Sublime的安装包和Package Control都可以在我的网盘中找到
 
     c.安装UI编译工具。
          如果大家觉得使用Ruby命令编译Sass很麻烦的话，这里推荐使用koala。
          koala可以在我的网盘中找到。
 
二.VS集成安装Sass
     对于Ruby程序员或者专业的前端来说，第一种方法固然可以，然而对于.net程序员来说安装一堆不常用的开发工具确实很麻烦。这里介绍宇宙第一神器，VS集成Sass的方法。使用Mindscape.WebWorkbench.Integration插件。插件的安装包已经在我的网盘了，大家直接下载安装即可。
 

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：js实现图片切换效果 - 辉子t1 下一篇：纯CSS3实现动态火车行驶特效 - roucheng
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
html5能否让搜索框随滚动固定_html5positionfixed固定布局【攻略】 可使用CSS的position:fixed实现搜索框固定定位，或用position:sticky实现边界感知粘性效果，配合JavaScript动态控制、响应式适配及占位修复，确保滚动时稳定显示。
2025-12-23 19:14:02
103
html5怎么垂直排版_html5用flex-direction:column或writing-mode垂直排版【排版】 HTML5中实现垂直排版有三种方式：一、用flex-direction:column实现弹性垂直布局；二、用writing-mode控制文本竖排方向；三、用transform:rotate()模拟视觉垂直效果。
2025-12-23 19:10:02
218
html5怎么写css_html5用style标签内嵌或外部css文件编写样式【编写】 可通过内嵌CSS、引入外部CSS文件或使用行内style属性为HTML5页面元素添加样式：一、用标签在中写CSS；二、用标签引用外部.css文件；三、在元素标签中直接写style属性。
2025-12-23 19:09:57
945
html5怎么插入文档_HT5用object或iframe嵌入PDF/Word文档显示【插入】 可在HTML5中用iframe或object标签嵌入PDF，需设宽高及可访问路径；Word文档需借OneDrive等第三方服务代理渲染；须处理跨域限制并提供下载降级方案。
2025-12-23 19:05:03
385
html5怎么写app_HTML5用PWA或WebView打包成类APP的网页应用【编写】 可通过PWA、WebView（Android/iOS）、Cordova或Capacitor五种方式将HTML5网页转为类原生APP：PWA依赖Manifest与ServiceWorker实现安装与离线；WebView分别在AndroidStudio和Xcode中加载本地资源；Cordova与Capacitor则提供跨平台打包及原生API调用能力。
2025-12-23 18:53:17
683
jimdo怎么插入html5时间轴_jimdo时间轴html5代码与节点样式【实操】 Jimdo网站需用自定义HTML5代码实现时间轴：一、内联HTML+CSS轻量嵌入；二、外链CSS+语义化HTML便于复用；三、调用timeline-js-lite库支持交互；四、纯CSS方案零依赖高性能。
2025-12-23 18:49:02
527
dw软件怎么运行html代码_dw运行html代码步骤【指南】 首先保存HTML文件并确认文档类型声明完整，然后通过实时视图快速预览效果，接着按F12在默认浏览器中查看真实渲染结果，最后配置本地站点以确保资源路径正确加载。
2025-12-23 18:42:09
634
html5怎么读取文件_html5用FileReader API读取本地文件内容或属性【读取】 HTML5的FileReaderAPI支持读取本地文件内容及获取基本信息：一、通过inputtype="file"获取File对象；二、用readAsText读取文本；三、用readAsDataURL生成DataURL预览资源；四、用readAsArrayBuffer读取二进制数据；五、直接访问File属性获取元数据。
2025-12-23 18:41:40
237
html5 怎么响应式_html5用viewport与媒体查询适配不同屏幕尺寸【响应式】 HTML5通过viewport元标签和CSS媒体查询实现响应式布局：一、在head中前置添加；二、用min-width断点（如768px、1024px）移动优先增强；三、用max-width断点（如767px）桌面降级适配；四、可结合width/height双维度精准控制。
2025-12-23 18:35:02
953
html5如何建立站点_HTML5站点建立步骤与网站搭建技巧【指南】 HTML5网站搭建需五步：一、建my-website目录及css/js/images子目录，含index.html；二、写标准HTML5骨架，含DOCTYPE、lang、meta、语义化标签；三、外链CSS与defer/async脚本；四、用http-server启本地服务；五、用email/number/date等原生表单增强功能。
2025-12-23 18:31:02
491
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部