node-sass

本文介绍如何使用npm安装Node-Sass,并为Windows和Mac系统提供详细的WebStorm配置指南,实现Sass文件的自动编译。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

安装

npm install  node-sass  -g

安装成功:

node-sass -v
node-sass       4.5.3   (Wrapper)       [JavaScript]

libsass         3.5.0.beta.2    (Sass Compiler) [C/C++]

webstorm配置(windows系统)

文件  -> 设置 -> 工具 -> File Watchers 单击右侧的“+”按钮

Name:node-sass 

Program:

C:\Users\gaodun\AppData\Roaming\npm\node-sass.cmd

Arguments:

--output-style compressed --source-map true $FileName$ $FileNameWithoutExtension$.css

OUtput paths to refresh:

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

 

 

mac系统

Program:

/usr/local/lib/node_modules/node-sass/bin/node-sass

Arguments:

--output-style compressed --source-map true $FileName$ $FileNameWithoutExtension$.css

OUtput paths to refresh:

$FileNameWithoutExtension$.css:$FileNameWithoutExtension$.css.map

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值