东坡下载：内容最丰富最安全的下载站！

首页 → IT技术 → 常见问题 → webstorm配置scss环境图文教程

webstorm配置scss环境图文教程

相关文章发表评论 来源：本站整理时间：2017/9/26 1:04:26字体大小：A-A+

更多

作者：专题点击：89次评论：0次标签： webstorm配置

1.下载 Ruby  (安装过程中记得勾选添加到环境变量，安装结束最后可能会弹出一个cmd弹框，可以忽略)

2. cmd安装sass

gem install sass

3. cmd检查是否安装

sass -v

重点是接下来

File>Setting>Tools>File Watchers ,点击右上角加号选择scss,出现以下界面

红框标示为解析器，每个人安装目录可能不一样，但最后几个目录肯定是相同的。附C盘安装默认路径   C:\Ruby24-x64\bin\scss.bat

绿框标示为生成编译文件的存放目录，一般有两种写法，具体如下

1.    --no-cache --update $FileName$:$FileNameWithoutExtension$.css

2.    --no-cache --update $FileName$:$FileParentDir$\css\$FileNameWithoutExtension$.css

相关文章

10-14WCF学习：Instance context model(实例模型) 与 Session（会话）
10-13AutoCAD 图导入Photoshop 的方法
10-13AutoCAD如何计算二维图形的面积
10-13PhotoShop把普通照片处理为立体拼贴效果
10-13PhotoShop为鸽子换猫头的移花接木教程
10-13PhotoShop应用模糊柔光让图片画面更艳丽
10-13PhotoShop制作怀旧古典文字效果的教程
10-13PhotoShop为美女照片添加魔幻效果的教程
10-13PhotoShop为美女照片添加艺术素描效果
10-13PhotoShop+AI制作时尚平面海报的教程

扩展知识

相关评论

阅读本文后您有什么感想? 已有 人给出评价!

  • 2791 喜欢喜欢
  • 2101 顶顶
  • 800 难过难过
  • 1219 囧囧
  • 4049 围观围观
  • 5602 无聊无聊
热门评论
最新评论
发表评论 查看所有评论(0)
昵称:
表情: 高兴 可 汗 我不要 害羞 好 下下下 送花 屎 亲亲
字数: 0/500 (您的评论需要经过审核才能显示)

文章推荐

王者荣耀账号恶王者荣耀账号恶 MARVEL Strike MARVEL Strike 2017年10月手游2017年10月手游 比官居一品好玩比官居一品好玩

最新文章

本类常用软件