【gulp-sass】本地搭建sass开发环境

首先去官网下载一下nodejs。

然后安装gulp：

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

再执行命令：npm install gulp --save-dev，安装gulp依赖包到本目录。（安装成功）

再执行：npm install gulp-ruby-sass --save-dev，安装ruby-sass依赖包。（安装成功）

再执行：npm install gulp-sass，安装sass依赖包。（安装完成）

在当前目录新建文件：gulpfile.js （gulp的入口文件）

键入gulp任务代码：

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

在命令行执行gulp watch：

进入gulp监听sass状态（保存scss文件，即可将执行sass任务）

如：这是scss，

将生成：这是css，

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

【gulp-sass】本地搭建sass开发环境相关推荐

3.1【微信小程序全栈开发课程】在本地搭建后端开发环境
第二章将前端页面的框架基本搭建好了,第三章,我们来做登录功能,登录功能需要在后端获取到用户信息,返回到前端.所以先来搭建后端开发环境 1.后端开发环境介绍我们的项目用的是前后端分离开发前端可以理解 ...
docker：用官方镜像在本地搭建PHP开发环境
远离搭建环境的烦恼,使用docker官方镜像也能简单搭建本地开发环境(可配置多站点,可灵活切换多个php版本).本文全是干货,无脑按步骤操作即可. 第一步:在本地创建一个工作目录,目录结构如下: ln ...
webpack搭建php服务器,webpack搭建react开发环境步骤详解
这次给大家带来webpack搭建react开发环境步骤详解,webpack搭建react开发环境的注意事项有哪些,下面就是实战案例,一起来看一下.mkdir react-redux && ...
初探webpack之从零搭建Vue开发环境
初探webpack之搭建Vue开发环境平时我们可以用vue-cli很方便地搭建Vue的开发环境,vue-cli确实是个好东西,让我们不需要关心webpack等一些繁杂的配置,然后直接开始写业务代码, ...
python ai应用开发_AI应用开发实战 - 从零开始搭建macOS开发环境
AI应用开发实战 - 从零开始搭建macOS开发环境联系我们 OpenmindChina@microsoft.com 零.前提条件一台能联网的电脑,使用macOS操作系统请确保鼠标.键盘.显示器 ...
Eclipse下搭建GitHub开发环境
自从GitHub的强大性被开发者认识到后,越来越多的开发者选择使用GitHub代替SVN来进行开发.本人也不例外,最近开始研究如何使用GitHub来托管自己的代码,下面就开始介绍如何在Eclipse下 ...
SpringMVC学习（一）——快速搭建SpringMVC开发环境（非注解方式）
目录 1.开发环境准备 1.1.首先电脑需要安装JDK环境(略) 1.2.准备一个以供开发的tomcat 1.3.准备Maven工具 1.4.准备IDE编译器 1.5.准备一个本地的数据库, 2.搭建 ...
Webpack搭建ES6开发环境步骤
Webpack搭建ES6开发环境步骤第一步安装模块 1.创建package.json文件手动配置 npm init 自动配置 npm init -y 2.安装webpack和webpack-cl ...
linkbox php,win10 docker-toolsbox 搭建php开发环境的教程
下载镜像 docker pull mysql:5.7 docker pull php:7.2-fpm docker pull nginx docker pull redis:3.2 设置共享文件宿主 ...
Docker最全教程之使用Docker搭建Java开发环境（十八）
前言 Java是一门面向对象的优秀编程语言,市场占有率极高,但是在容器化实践过程中,发现官方支持并不友好,同时与其他编程语言的基础镜像相比(具体见各语言镜像比较),确实是非常臃肿. 本篇仅作探索,希望 ...

【gulp-sass】本地搭建sass开发环境

【gulp-sass】本地搭建sass开发环境相关推荐

最新文章

热门文章