npm作用
下载前端模块会用到的一个工具,类似maven,可以从官方仓库或者第三方仓库下载资源(可以修改仓库源地址来加速)
不同的是,npm自带nodejs,前端人员可以自己编写后台程序,不依赖后端开发人员
npm命令
初始化项目命令 npm init / npm init -y
使用cmd,在项目文件夹根目录,执行命令npm init 或 npm init -y
两个命令的区别在于前者执行后,需要与用户进行交互,需要用户填写项目概况,后者会自动填写默认数据,初始化完成后,在项目文件夹根目录会生成项目描述文件package.json图1使用命令npm init,需要进行输入相关信息才能初始化项目
图2使用npm init -y,全部使用默认数据,自动初始化项目


项目内安装模块命令 npm install <模块名称>@版本号
npm install jquery 或 npm install jquery@2.1.0
前者会下载模块的最新版本,后者会下载模块的指定版本ps:
指定版本号:
比如 2.1.0 ,只安装指定版本。遵循 “大版本.次要版本.小版本”的格式规定。~ 波浪号 + 指定版本号:
比如 ~2.1.0 ,安装 2.1.x 的最新版本(不低于2.1.x),但是不安装 2.2.x,也就是说安装时不改变大版本号和次要版本号。^ 插入号 + 指定版本号:
比如 ^2.1.0 ,安装 2.x.x 的最新版本(不低于2.1.0),但是不安装 3.x.x,也
就是说安装时不改变大版本号。需要注意的是,如果大版本号为0,则插入号的行为与波浪号相同,这是
因为此时处于开发阶段,即使是次要版本号变动,也可能带来 程序的不兼容。latest :安装最新版本
想要使用某种版本需要修改描述文件模块的版本配置信息
可以修改配置版本信息 ^2.1,0 或 ~2.1.0 或 latest

全局安装模块命令 npm install [模块名称] -g
全局安装模块会安装在默认的本地仓库中,通常默认的本地仓库在C盘,有的机器C盘目录是禁止写入数据的,这时可以设置仓库为其他盘的自定义路径
npm root -g 查看仓库位置
npm config set prefix "自定义仓库路径" 修改仓库地址
npm list -g / npm ls -g 查看全局已安装的模块列表
不同环境安装模块
生产环境安装模块 npm install [模块名称] / npm install [模块名称] -S
安装完成后会在项目中的package.json的dependencies节点显示模块版本信息测试环境安装模块 npm install [模块名称] -D
安装完成后会在项目中的package.json的devDependencies节点显示模块版本信息

批量下载模块 npm install
下载的开源项目通常是不包含模块文件的,package.json中配置了项目使用到的所有模块信息,使用命令可以批量下载配置文件中的模块(在package.json文件所在的目录下执行命令npm install)
查看下载的模块 npm list / npm list -g
在项目根目录执行命令npm list / npm ls,查看当前项目所有模块信息
在任意目录执行命令npm list -g,查看所有的模块信息
卸载模块 npm uninstall [模块名称] / npm uninstall -g [模块名称]
在项目根目录执行 npm uninstall [模块名称],删除当前项目的模块
在任意目录执行npm uninstall -g [模块名称],全局删除模块
查看模块版本信息
在任意目录执行npm view [模块名称] version,查看模块最新版本信息
在任意目录执行npm view [模块名称] versions,查看模块所有版本信息(注意version后面有个s,表示复数)
更换淘宝源
npm get registry 查看仓库源
npm config set registry https://registry.npm.taobao.org 切换为淘宝源
网友评论