npm(node package manager):node的第三方模块管理工具
本地安装方式
- 下载:npm install 模块名称(默认下载到命令行当前文件夹)
- 卸载:npm uninstall package 模块名称
全局安装与本地安装
- 命令行工具:全局安装
- 库文件:本地安装
第三方模块 nodemon
当文件发生保存操作后自动执行该文件
使用步骤
- 下载:npm install nodemon -g
- 在命令行工具中使用nodemon替代node命令执行文件
第三方模块nrm
npm下载地址切换工具
npm默认下载地址在国外
1、下载:npm install nrm -g
2、查询可用下载地址列表 nrm ls
3、切换npm下载地址:nrm use 下载地址名称
第三方模块Gulp
基于node平台开发的前端构建工具
将机械化操作编写成任务,想要执行机械操作时一个命令行命令任务就能自动执行了
作用:
- 项目上线,HTML CSS JS文件压缩合并
- 语法转换(es6 less等)
- 公共文件抽离
- 修改文件浏览器自动刷新
使用
1、下载:npm install gulp
2、在项目根目录下建立gulpfile.js文件
3、重构项目的文件夹结构,src目录放置源代码文件,dist目录放置构建后文件
4、在gulpfile.js文件中编写任务
5、在命令行工具中执行gulp任务
执行任务
1、下载gulp-cli:npm install gulp-cli -g
2、执行任务:gulp 任务名
Gulp插件
插件使用
1、下载:npm install 插件名
2、引入:const xx = require(‘插件名’);
3、使用:查看官方文档直接参考使用
gulp-htmlmim使用
构建任务
执行default命令时,依次执行[]中的任务
gulp.task(‘default’,[‘任务名1’,‘任务名2’,‘任务名3’,‘任务名4’])
传输项目时,不传mode_modules文件夹的文件,该文件中存放所有npm下载的文件
拿到文件后,先执行npm install下载package.json文件中dependencies中的文件即可
package.json文件
项目描述文件,记录了当前项目信息,例如:项目名称、版本、作者、GitHub地址、当前项目依赖了哪些第三方模块等
使用npm init -y生成该文件(-y:不填写任何信息,使用默认值)
“scripts”中记录命令的别名:
“别名”:“原始命令”
运行命令:npm run 别名
项目依赖和开发依赖
项目依赖
开发依赖 如gulp
线下开发环境:
npm install:下载全部依赖
服务器环境:
npm install --production:只下载项目依赖
package-lock.json文件
记录模块与模块间的依赖关系以及模块的版本,包的下载地址
作用
Node.js中模块加载机制