美文网首页
idea设置scss自动编译

idea设置scss自动编译

作者: Nick_4438 | 来源:发表于2018-07-07 16:39 被阅读0次

操作步骤

安装ruby 环境

下载ruby installer https://rubyinstaller.org/downloads/

dos 运行如下命令:

$ gem update --system # 这里请翻墙一下
$ gem -v
2.6.3
$ gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/
$ gem sources -l
https://gems.ruby-china.com
# 确保只有 gems.ruby-china.com
$ bundle config mirror.https://rubygems.org https://gems.ruby-china.com

安装sass

dos 运行如下命令:

$ gem install sass 
$ sass -v
Ruby Sass 3.5.6

配置 idea

  • 安装file watchers插件
image.png

如果因为网络原因不能下载,则上官网上搜索对应版本,手动下载安装:https://plugins.jetbrains.com ,需要注意下载指定版本;

  • 设置文件监听
image.png

相关文章

网友评论

      本文标题:idea设置scss自动编译

      本文链接:https://www.haomeiwen.com/subject/wtawuftx.html