Nodejs之gulp用法总结

一、nodeJS基础 *** 作

    (一)、安塌洞型装nodeJS (node -v)

    (二)、npm 包管理工具  (cnpm安装 ：  npm install gulp -g)

    (三)、在项目中初始化package.json  (nodejs的配置文件,在项目中安装的模块,会记录在package.json)  npm init

    (四)、在其他位置需要配置相关模块时，只需把pageage.json拷贝过来，执行 npm install,即可自动安装所需模块

二、gulp

    1. 安装 (gulp -v)

        (1)全局安装 团猜 npm i gulp -g

        (2)本地安装：  npm i gulp --save-dev

    2. 在项目根目录创建 gulpfile.js

    3. gulp.task()    gulp.src()  gulp.pipe()  gulp.dest()  gulp.watch()

    4. gulp插件：  (1)压缩css 颤巧 (2)压缩js  (3) 合并js  (4) 压缩图片 (5)自动添加前缀 autoprefixer  (6)sass编译  （7）热刷新

近日使用npm全局安装gulp时出现报错

或者可以

执行 npm config list

可以看到npm会把全局的安装包枯激放在preifx指示的 "/home/work/nodejs/bin"目录下

这下了解了，原来是我们岁败段没有 *** 作home的权限（Mac的设计初衷不让修改home目录）；

PS: 我们当然可乎誉以修改home目录的 *** 作权限来安装node_modules，但是亲测安装了之后却并不能执行gulp命令，其实这个目录'/home/work/nodejs/bin'本身是有问题的。

执行 vim ~/.npmrc

改为

sudo npm install -g gulp

执行 gulp -v 有效！

---