博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【gulp-sass】本地搭建sass开发环境
阅读量:5094 次
发布时间:2019-06-13

本文共 424 字,大约阅读时间需要 1 分钟。

首先去官网下载一下nodejs。

然后安装gulp:

    选择一个目录执行命令行:npm init,一直回车生成package.json文件

image.png

image.png

    再执行命令:npm install gulp --save-dev,安装gulp依赖包到本目录。(安装成功)

image.png

    再执行:npm install gulp-ruby-sass --save-dev,安装ruby-sass依赖包。(安装成功)

image.png

    再执行:npm install gulp-sass,安装sass依赖包。(安装完成)

image.png

    在当前目录新建文件:gulpfile.js (gulp的入口文件)

image.png

键入gulp任务代码:

引入包->创建sass与watch任务

image.png

 

在命令行执行gulp watch

进入gulp监听sass状态(保存scss文件,即可将执行sass任务)

image.png

 

如:这是scss,

image.png

将生成:这是css,

image.png

转载于:https://www.cnblogs.com/wuhairui/p/9296974.html

你可能感兴趣的文章
TreeSet—————我们认知的集合
查看>>
jquery消息插件(jquery.messager.js)
查看>>
留言区
查看>>
link 参数
查看>>
Center OS7网络设置
查看>>
GitHub入门
查看>>
selenium添加cookie切换到不同环境
查看>>
form表单自动回车提交
查看>>
虚机的部分操作
查看>>
Single
查看>>
Hyperledger02
查看>>
Java开发中的23种设计模式
查看>>
2014 Super Training #2 F The Bridges of Kolsberg --DP
查看>>
测试 code style
查看>>
电动车充电器原理及带电路图维修
查看>>
快速乘 防爆乘 快速幂
查看>>
Confluence 6 从外部目录中同步数据支持的目录类型
查看>>
【习题 6-5 UVA-1600】Patrol Robot
查看>>
【BZOJ 4516】生成魔咒
查看>>
深浅拷贝和数列,变量的区别
查看>>