普歌-码上鸿鹄团队-复习总结Node.js:Node第三方模块使用步骤

@[TO

普歌-码上鸿鹄团队-复习总结Node.js:Node第三方模块使用步骤

1、简单介绍一下Node是什么:

Node是一个基于chromeV8引擎的javascript代码运行环境。

Node下载网址https://nodejs.org/en/

2、第三方模块:

简单来说就是别人已经写好的,你拿过来可以直接使用。

第三方模块有两种存在形式:

  1. 以 js 文件的形式存在,提供实现项目的具体功能的 API 接口
  2. 以命令行工具形式存在,辅助项目开发

<1>获取第三方模块:

​ 下载:npm install 模块名称

​ 卸载:npm uninstall package 模块名称

​ 命令行工具:全局安装

​ 库文件:本地安装

<2>第三方模块nodemon(使用比较繁琐)

使用步骤:

1、使用npm install nodemon-g下载它

2、在命令行工具中nodemon命令代替node命令执行文件

<3>第三方模块:nrm(国内下载速度慢)

​ 使用步骤:

​ 1、使用npm install nrm -g下载它

​ 2、查询可用下载地址列表nrm ls

​ 3、切换npm下载地址nrm use下载地址名称

<4>第三方模块:gulp(开发效率高)

​ 使用步骤:

​ 1、使用npm install gulp-g安装

​ 检查是否安装成功和查看版本号:gulp-v

2、在项目根目录下建立gulpfile.js文件

普歌-码上鸿鹄团队-复习总结Node.js:Node第三方模块使用步骤

3、重构项目的文件夹结构src目录放置源代码文件dist目录放置构建后文件。

4、在gulpfile.js文件中引入gulp

普歌-码上鸿鹄团队-复习总结Node.js:Node第三方模块使用步骤

5、在命令行工具中执行gulp任务

​ 1)下载gulp命令行工具:
普歌-码上鸿鹄团队-复习总结Node.js:Node第三方模块使用步骤

​ 2)执行命令:gulp 任务名

gulp能做什么:

​ 1、项目上线、HTML、CSS、JS文件压缩合并

​ 2、语法转(es6、less….)

​ 3、公共文件抽离

​ 4、修改文件浏览器自动刷新

gulp中提供的方法:

​ 1、gulp.src() 获取任务要处理的文件

​ .pipe 匹配当前任务获取的文件 , 进行何种操作 (指派任务)

​ 2、gulp.dest() 输出文件

​ 3、gulp.task() 建立gulp任务 (第一个参数是任务名,第二个参数是回调函数)

​ 4、gulp.watch 监控文件的变化

普歌-码上鸿鹄团队-复习总结Node.js:Node第三方模块使用步骤

gulp插件:

​ 1、gulp-htmlmin:html文件压缩

​ 2、gulp-csso:压缩css

​ 3、gulp-babel:JavaScript语法转化

​ 4、gulp-less:less语法转化

​ 5、gulp-uglify:压缩混淆JavaScript

​ 6、gulp-file-include:公共文件包含

​ 7、browsersync:浏览器实时同步

普歌-码上鸿鹄团队-复习总结Node.js:Node第三方模块使用步骤