pycharm配置scss文件

分类: Scss 作者: 浏览:401 时间:2019年4月26日 17:13 评论:2

当我们用CSS写代码规模较大的Web应用时,容易造成选择器、层叠的复杂度过高,这时我们就需要使用一些预处理器来进行CSS开发,Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline import)等高级功能,使我们更好地组织管理样式文件,以及更高效地开发项目.

安装Ruby以及Sass

在Pycharm中想要使用Scss,Scss是基于Ruby的,首先,我们需要安装Ruby,可以去官网下载,安装比较简单,一直next即可,进入cmd,执行命令ruby -v查看ruby是否有ruby版本,如果没有重新安装,安装完成后还要安装sass,在cmd终端执行命令gem install sass,等待安装完成!

在Pycharm中配置file watcher

进入到File -> Settings -> Tools -> File Watchers点击+添加SCSS

Name: SCSS  
File type: SCSS Style Sheet  
Scope: Project  
Program: 你安装的sass文件  
Arguments: --style expanded --no-cache --update $FilePath$  
Output paths to refresh: $FileName$:$ProjectFileDir$/css/$FileNameWithoutExtension$.css  

这样你写了SCSS文件保存后就会自动编译了~

赞(0)

您可能感兴趣的:

评论(2)