什么是软件包管理器

• npm（全称node package manager）即node包管理器
• node.js默认的，以JavaScript编写的软件包管理器
• node.js内置了npm软件包管理器
• 安装node.js后会自动安装npm

如何切换镜像源

• 由于npm位于国外，访问下载会比较缓慢
• 国内使用时建议切换国内镜像源 1. 搭建环境时通过如何代码将npm设置成淘宝镜像

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

2. 设置当前镜像（设置默认镜像）

npm config set registry https://registry.npmjs.org

3. 查看镜像配置结果

npm config get registry
npm config get disturl

4. 使用nrm工具切换淘宝源

//切换淘宝源
npx nrm use taobao
//切换官方源
npx nrm use npm

npm常用命令

• 终端切换目录：cd 完整路径 回车
• 注：install可以简写为 i，-g为全局，不加-g为当前目录

npm -v- 通过查看版本，看npm是否安装成功

npm install (包的名称)- 使用npm命令安装模块，在指定项目目录安装

npm install (包的名称) -g 使用npm命令全局安装模块，在任何目录都可以用

npm list -g 查看全局安装的模块，不加-g是查看当前目录安装的模块

npm list (包的名称) 查看指定的模块

npm -g install (包的名称)@ @后面加版本后可以指定版本安装

npm update (包的名称) 更新指定的模块

npm uninstall (包的名称) 卸载指定的模块

npm install -save (包的名称) -save在package文件的dependencies节点写入依赖 dependencies 是运行时的依赖，即是生产环境和开发环境都需要依赖

npm install -save-dev (包的名称) -save-dev在package文件的devDependencies节点写入依赖 devDependencies 是开发时的依赖，运行时用不到，运行时后就删除 比如：gulp、压缩CSS、压缩js的模块

npm help npm常用命令帮助示例

package.json 文件属性说明

生成package.json文件

npm init --yes 加--yes是直接生成package.json文件，但需要自己再文件里添加写入配置

npm init 不加--yes表示初始化，直接在终端输入配置后生成

配置属性说明

• package-lock.json为固定包的版本
• package.json为可变化包的版本
• 包的版本号说明：
• 示例：

"5.0.3"表示安装固定的5.0.3版本 "~5.0.3"表示安装5.0.X中最后一位的最新版本 "^5.0.3"表示安装5.X.X中最后俩位的最新版本

{  //属性详解
    "name": "learing", //项目名称
    "version": "1.0.1", //项目版本号
    "description": "this is learing project", //描述该项目
    "main": "index.js", 
    //指定了程序的主入口文件，默认就是index.js，模块开发时会包含此文件
    "scripts": { //脚本命令，可写多条命令
        "test": "echo \"Error: no test specified\" && exit 1" 
    }, //test为脚本名称，后面则为具体命令，终端调用时输入
    npm run 脚本名称
    "repository": {  //代码存放类型，版本控制器
        "type": "git",    "url": "git" 
    }, 
    "keywords": [  //项目关键字
        "lear",    "vue",    "vue-cli"  
    ], //
    "author": "yanyangyang", //项目作者
    "license": "MIT"//指软件开源协议规范，具体种类需查询
    "dependencies": { //运行依赖
        "jquery": "^3.6.0"
    },
    "devDependencies": { //开发依赖
        "bootstrap": "^5.1.3"
    }
}