gulp的安装与使用,主要使用sass和实时刷新模块

1.全局安装Gulp

  安装gulp之前需要先安装好Node.js,如果你还没安装好Node

  你可以在这里下载  安装完Node.js

  Window+R 填入 cmd 安装Gulp

  npm install gulp -g

2.创建Gulp项目

首先我们需要新建一个文件夹,然后并在该目录下执行npm init命令

npm init命令会为你创建一个package.json文件,这个文件保存着这个项目相关信息。

比如你用到的各种依赖

创建完之后,执行下面的命令

npm install gulp --save-dev (使用—save-dev,将通知计算机在package.json中添加gulp依赖)

3.创建一个gulpfile.js文件

接下来,开始安装依赖保,分别执行命令,

实现sass文件转成css文件,需要执行下面命令:

npm install gulp-sass --save-dev

实现自动刷新功能,需要执行下面命令:

npm install gulp-connect --save-dev

装好后,在gulpfile.js里写入

 

4.最后,执行gulp启动监听,

  在浏览器打开http://localhost:8080

posted @ 2020-07-08 09:09  大菠萝啊~  阅读(182)  评论(0)    收藏  举报