文章目录
NPM 包管理工具
配置淘宝镜像
使用国内镜像,可以提高模块的下载速度。
查看当前镜像地址:
npm get registry
配置淘宝镜像地址:
npm config set registry https://registry.npm.taobao.org/
提示:用户配置的参数保存在参数 userconfig
指向的文件中,执行命令 npm config ls -l
可以查看所有配置参数。
参考
NPM 初始化项目
打开命令提示符窗口,新建一个文件夹,进入到该文件夹,执行命令 npm init
即可开始初始化项目,具体步骤如下:
执行命令 npm init -y
或 npm init --yes
可以跳过询问,直接采用默认值初始化项目。
参考
安装、卸载模块
模块的安装方式有两种,一种是本地安装,另一种是全局安装。
本地安装将模块安装到当前项目的 node_modules
文件夹中;全局安装将模块安装到一个全局的 node_modules
文件夹中。
查看模块版本
查看最新版本
查看 jquery
的最新版本:
npm view jquery version
3.5.1
查看所有可用版本
查看 jquery
的所有可用版本:
npm view jquery versions
[
'1.5.1', '1.6.2', '1.6.3',
'1.7.2', '1.7.3', '1.8.2',
'1.8.3', '1.9.1', '1.11.0-beta3',
'1.11.0-rc1', '1.11.0', '1.11.1-beta1',
'1.11.1-rc1', '1.11.1-rc2', '1.11.1',
'1.11.2', '1.11.3', '1.12.0',
'1.12.1', '1.12.2', '1.12.3',
'1.12.4', '2.1.0-beta2', '2.1.0-beta3',
'2.1.0-rc1', '2.1.0', '2.1.1-beta1',
'2.1.1-rc1', '2.1.1-rc2', '2.1.1',
'2.1.2', '2.1.3', '2.1.4',
'2.2.0', '2.2.1', '2.2.2',
'2.2.3', '2.2.4', '3.0.0-alpha1',
'3.0.0-beta1', '3.0.0-rc1', '3.0.0',
'3.1.0', '3.1.1', '3.2.0',
'3.2.1', '3.3.0', '3.3.1',
'3.4.0', '3.4.1', '3.5.0',
'3.5.1'
]
本地安装、卸载
不指定版本安装模块
本地安装 jQuery 的步骤:
卸载模块
卸载刚刚安装的 jquery 模块:
npm uninstall jquery
指定版本安装模块
执行以下命令安装 jquery 3.5.0 版本:
npm install jquery@3.5.0
不指定模块安装
从 GitHub 上克隆的项目,一般是不带 node_modules
文件夹。
此时,可以直接执行命令 npm install
,npm 将根据 package.json
配置文件安装所需模块。
全局安装、卸载
查看或修改全局目录路径
执行命令 npm root -g
可以查看全局的 node_modules
文件夹的路径:
C:\Users\86188>npm root -g
C:\Users\86188\AppData\Roaming\npm\node_modules
执行命令 npm config set prefix "路径"
可以修改全局的 node_modules
文件夹的路径:
C:\Users\86188>npm config set prefix "E:/npm"
C:\Users\86188>npm root -g
E:\npm\node_modules
不指定版本安装模块
要将模块安装到全局 node_modules
文件夹中,只需在安装命令之后加上 -g
或 --global
即可。
安装 jquery
到全局文件夹中:
npm install -g jquery
查看模块
执行命令 npm list -g
即可查看全局安装的模块。
卸载模块
要卸载安装在全局 node_modules
文件夹中的模块,只需在卸载命令之后加上 -g
或 --global
即可。
从全局文件夹中卸载 jquery
:
npm uninstall -g jquery
生产环境模块安装、卸载
生产环境模块,最终会被打包到可发布的文件中。
在安装命令之后加上 -S
或 -save
,即可将模块安装到生产环境中。默认情况就是安装到生产环境。
安装 jquery
模块到生产环境中:
npm install -save jquery
安装到生产环境的模块的信息记录在 package.json
配置文件中的 dependencies
项:
{
"name": "npm-01-demo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"jquery": "^3.5.1"
}
}
如果要将模块从生产环境中卸载,可以在卸载命令之后加上 -S
或 -save
。
开发环境模块安装、卸载
开发环境模块,最终不会被打包到可发布的文件中。比如一些语法检查插件,服务器插件等。
在安装命令之后加上 -D
或 -save-dev
,即可将模块安装到开发环境中。
安装到开发环境的模块的信息记录在 package.json
配置文件中的 devDependencies
项。
如果要将模块从开发环境中卸载,可以在卸载命令之后加上 -D
或 -save-dev
。