sass学习之安装sass
来源:互联网 发布:网络微电影 编辑:程序博客网 时间:2024/05/12 01:39
sass安装:
根据实际操作的过程,总结以下步骤:(限window系统)
1、下载RubyInstaller,运行安装(只管点击next即可)。
2、在开始程序中找到Start Command Prompt with Ruby,如下图
点击后出现命令窗口:
命令行中输入:
gem insall sass
不放心可以输入如下命令看下sass的版本号。
sass -v
至此sass安装成功。
配置webstorm中sass:
在webstorm中settings中搜索file watchers工具,在此工具中添加一个scss的watcher,按照下图设置各项。点击ok
这样webstorm中sass配置好了。
建个scss文件试试如下图,写个简单的sass代码
会自动生成对应的css文件。如下图:
电脑上安装的webstorm当生成文件的路径默认的时,会需要手动同步目标文件才能看到最新的修改。(不知道是自己设置的问题还是什么,有了解的伙伴可以多多交流哟)。当然如果是按照默认的路径会在.scss文件下实时产生修改过的.css文件。
ps:项目所在的路径中请不要出现中文,不然sass在编译是会出现编码错误呀。
0 0
- 学习sass之安装sass
- sass学习之安装sass
- SASS入门之SASS安装
- sass之ruby安装
- Sass学习之快速上手bootstrap-sass
- Sass学习之路(2)——Sass环境安装(windows版)
- 安装SASS
- sass安装
- 安装sass
- 安装SASS
- sass安装
- sass 安装
- Sass安装
- sass安装
- Sass安装
- Sass安装
- 安装sass
- sass安装
- 全局钩子ESC处理
- 安卓自定义View基础篇
- 利用系统相机和图库打造3分钟完成拍照,图片裁剪以及视频资源上传功能
- Hibernate中常见问题 No row with the given identifier exists问题的原因及解决
- 关于#include 头文件替换总结的三种方法
- sass学习之安装sass
- 金税接口Sap下传文档
- (笔记)cocos :llvm toolchain not found!
- C#小练习ⅲ
- CentOS 7.x vs CentOS 6.x 的不同
- SCrollView滑动时imageView放大的效果实现
- activity的启动模式
- ANDROID 开发你需要了解的 GRADLE 配置
- 闲的眼睛疼.....