gulp常用

gulp常用
//解决模块安装速度慢的问题
npm config set registry “https://registry.npm.taobao.org
通过此命令可以设置npm安装时 使用淘宝的镜像地址,解决安装模块的速度问题

gulp -v 查看当前gulp版本,如果提示不是内部命令或者… 代表没有未安装
npm install gulp -g 在全局安装gulp (或者用cnpm install gulp -g)
https://jingyan.baidu.com/article/9080802239521cfd90c80f55.html cnpm 参考)

mkdir learngulp 创建一个 learngulp 的文件夹 (命令行窗口)
cd learngulp 进入到 learngulp 文件夹
npm init 初始化

npm install gulp --save-dev 安装依赖(在项目目录) 默认安装最新,可以安装指定版本
npm view jquery version 查看当前模块的版本,这里查看的是jquery
npm view jquery versions 参看历史版本
npm install [email protected] --save-dev 安装指定版本(只需要在要安装的模块后加@+版本号即可)

//gulp 配置文件
新建一个 gulpfile.js(必须为这个名字)并打开, 写入:

var gulp = require(“gulp”) // 加载gulp 模块 (通过一个变量接收)

//调用gulp的task方法创建任务

gulp.task(‘hello’,function(){ //第一个参数是任务名称,第二个参数是任务功能
console.log(‘hello world!’);
})
在命令行中输入 gulp hello 命令执行输出hello world!

gulp 插件
一键安装方法
cnpm i //先写好的package.json 拉到项目文件夹,再输入此命令一键配置

2.然后 建一个gulpfile.js 用来配置命令

猜你喜欢

转载自blog.csdn.net/qq_43793255/article/details/88413682