普歌-码上鸿鹄团队-复习总结Node.js:Node第三方模块使用步骤
@[TO
普歌-码上鸿鹄团队-复习总结Node.js:Node第三方模块使用步骤
1、简单介绍一下Node是什么:
Node是一个基于chromeV8引擎的javascript代码运行环境。
Node下载网址https://nodejs.org/en/
2、第三方模块:
简单来说就是别人已经写好的,你拿过来可以直接使用。
第三方模块有两种存在形式:
- 以 js 文件的形式存在,提供实现项目的具体功能的 API 接口
- 以命令行工具形式存在,辅助项目开发
<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文件
3、重构项目的文件夹结构src目录放置源代码文件dist目录放置构建后文件。
4、在gulpfile.js文件中引入gulp
5、在命令行工具中执行gulp任务
1)下载gulp命令行工具:
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 监控文件的变化
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:浏览器实时同步