【npm】学习

npm(node package manager):node的第三方模块管理工具
本地安装方式

• 下载：npm install 模块名称（默认下载到命令行当前文件夹）
• 卸载：npm uninstall package 模块名称

全局安装与本地安装

• 命令行工具：全局安装
• 库文件：本地安装

第三方模块 nodemon

当文件发生保存操作后自动执行该文件
使用步骤

1. 下载：npm install nodemon -g
2. 在命令行工具中使用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中模块加载机制