Nodejs gulp 简单使用

川长思鸟来 2021-11-09 08:08 361阅读 0赞

# 1、安装node.js #

安装验证：node -v
    	npm -v	打印出npm的版本号，说明npm也安装成功(node安装包中已集成了npm,因此在安装nodejs的同时也安装了npm)。

# 2、设置npm #

由于https://www.npmjs.com在国内访问不稳定，因此建议使用国内镜向站点https://npm.taobao.org
    具体方法如下：
    
    	通过config命令
    
    	npm config set registry https://registry.npm.taobao.org
    
    	命令行指定
    
    	npm --registry https://registry.npm.taobao.org info underscore
    
    	编辑 npmrc文件，在该文件中加入registry = https://registry.npm.taobao.org
    	【命令：npm config get globalconfig 可找到全局配置npmrc的文件位置】
    	【命令：npm config get userconfig 可找到用户配置npmrc的文件位置】
    	【命令：npm help config 查看支持语法】

# 3.1、配置项目 #

进入项目根目录（css、js要分开文件存）
    npm init 的方法来创建package.json

# 3.2 创建gulpfile.js文件 #

参考:https://www.gulpjs.com.cn/docs/api/

# 4、安装gulp(全局) #

npm install gulp -g
    安装验证：gulp -v

# 5、本地安装gulp及gulp插件 #

#npm install gulp --save-dev
    #npm install gulp-sass
    #npm install gulp-ruby-sass
    npm install gulp-sass --save-dev
    npm install gulp-file-include

# 6、生成node\_module #

npm install

# 7、命令运行 #

gulp 模块名称

*  本文[参考][Link 1]
 *  本文[参考-镜像的6种配置方式以及优先级][-_6]

[Link 1]: https://segmentfault.com/a/1190000005170434
[-_6]: https://blog.csdn.net/rznice/article/details/53415911

发表评论取消回复

表情：

评论列表（有 0 条评论，361人围观）

还没有评论，来说两句吧...

相关阅读

相关 nodejs简单介绍

文章目录 1 nodejs简介 2 准备工作 3 开启服务 3.1http模块 3.2fs模块 3.3\[url

╰+哭是因爲堅強的太久メ/ 2023年06月09日 07:55/ 0 赞/ 10 阅读

相关 gulp的使用教程

gulp是一个前端自动化构建工具，通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。全局安装 npm install --glo

浅浅的花香味﹌/ 2022年09月27日 13:29/ 0 赞/ 215 阅读

相关 nodejs之gulp自动化构建工具

Gulp是一个构建系统，它能通过自动执行常见任务，比如编译预处理CSS，压缩JavaScript和刷新浏览器，来改进网站开发的过程。 Gulp是基于Node.

淩亂°似流年/ 2022年08月09日 15:36/ 0 赞/ 248 阅读

相关 gulp雪碧图插件，gulp-css-spriter简单使用

前提：如果准备用`gulp-css-spriter`插件，`node.js` 和 `gulp` 工具应该了解并已经安装完毕；进入工程目录，shitf+鼠标右键打开命令；

﹏ヽ暗。殇╰゛Y/ 2022年06月05日 12:39/ 0 赞/ 257 阅读

相关【nodeJs】connect中间件的简单使用

Connect是一个框架，它使用被称为中间件的模块化组件，在Connect中，中间件组件是一个函数，它拦截HTTP服务器提供的请求和响应对象，执行逻辑，或者

清疚/ 2022年05月25日 10:22/ 0 赞/ 196 阅读

相关 gulp 使用

1、安装node.js 2、全局安装 gulp npm install --global gulp 3、进入文件局部安装 gulp npm

傷城~/ 2022年05月24日 07:24/ 0 赞/ 193 阅读

相关 CocosCreator和gulp-使用gulp-imagemin压缩图片

在游戏开发中，打包前进行图片压缩是必需工作，gulp内置了很多构建、优化插件，例如：图片压缩、js文件合并等等，这样，在游戏构建过程中，只需一个命令，就可以自动做完所有这些工作

本是古典何须时尚/ 2022年05月14日 02:36/ 0 赞/ 277 阅读

相关什么是Gulp？如何使用Gulp

什么是Gulp？如何使用Gulp Gulp 是基于node.js的一个前端自动化构建工具，开发这可以使用它构建自动化工作流程（前端集成开发环境）。使用gulp你可

淡淡的烟草味﹌/ 2022年05月14日 01:30/ 0 赞/ 357 阅读

相关 gulp的基本使用

1 cnpm i gulp -D 2 cnpm i node-sass gulp-sass -D 3 cnpm i gulp-clean-css gulp-rename

约定不等于承诺〃/ 2022年02月26日 17:16/ 0 赞/ 230 阅读

相关 Nodejs gulp 简单使用

1、安装node.js 安装验证：node -v npm -v 打印出npm的版本号，说明npm也安装成功(node安装包中已集成了npm,因此在安装n

川长思鸟来/ 2021年11月09日 08:08/ 0 赞/ 362 阅读