NPM详细教程

一、安装

  1. 通常在安装Node.js时会自动安装npm。
  2. 检查是否安装成功及查看版本
    • 在终端(命令提示符或PowerShell等)中运行 npm -v ,如果显示版本号则表示安装成功且能看到当前版本。

二、初始化项目

  1. 进入项目目录
    • 在终端中使用 cd 命令进入到你要创建项目的文件夹。
  2. 生成package.json文件
    • 运行 npm init ,然后根据提示依次输入项目名称、版本、描述等信息,最后生成一个包含项目基本信息的 package.json 文件。
    • 如果你想使用默认值快速生成,可以使用 npm init -y 。

三、安装依赖

  1. 本地安装依赖包
    • 安装单个包:npm install <package_name> ,例如 npm install lodash ,包会被安装到项目目录下的 node_modules 文件夹中,同时在 package.json 的 dependencies 字段中添加相应记录。
    • 安装指定版本: npm install <package_name>@<version> ,例如 npm install lodash@4.17.21 。
    • 安装多个包: npm install <package_name1> <package_name2>...
  2. 安装为开发依赖(通常是开发过程中使用的工具等,如测试框架等)
    • npm install <package_name> --save-dev 或 npm install <package_name> -D ,在 package.json 的 devDependencies 字段添加记录。
  3. 全局安装
    • 某些工具需要在全局环境下使用: npm install -g <package_name> ,例如 npm install -g create-react-app (注意:在部分系统上可能需要管理员权限使用 sudo )。
  4. 从本地目录安装(对于本地开发的未发布包)
    • 如果在项目目录外有一个包含 package.json 的模块文件夹,进入项目目录后运行 npm install /path/to/local/package 。

四、卸载依赖

  1. 卸载本地项目中的依赖包
    • npm uninstall <package_name> ,同时会从 package.json 文件中移除相应记录。
    • 如果是开发依赖则 npm uninstall <package_name> -D 。
  2. 卸载全局安装的包
    • npm uninstall -g <package_name> 。

五、更新依赖

  1. 更新单个包
    • npm update <package_name> 。
  2. 检查哪些包有更新
    • npm outdated ,它会列出当前项目中可以更新的包以及当前版本、期望版本等信息。
  3. 更新所有包
    • 一种较为暴力的方法是删除 node_modules 文件夹然后重新运行 npm install (不推荐在生产环境中随意这样做)。

六、运行脚本

在 package.json 的 scripts 字段中定义脚本:

"scripts": {
    "start": "node server.js",
    "build": "webpack",
    "test": "jest"
}

然后在终端中运行:

  • npm run start 运行启动脚本
  • npm run build 运行构建脚本等

七、查看信息

  1. 查看项目中已安装的所有依赖列表(树状结构)
    • npm list (在项目目录下)
    • npm list -g 查看全局安装的包列表。
  2. 查看某个包的详细信息
    • npm info <package_name> 。

八、设置配置

  1. 查看所有配置
    • npm config list -l
  2. 设置配置项 ,例如设置镜像源
    • npm config set registry https://registry.npm.taobao.org (设置淘宝镜像源为例)

九、缓存管理

  1. 清除缓存
    • npm cache clean --force

十、发布包(如果自己开发包并发布)

  1. 登录npm
    • npm adduser (输入用户名、密码、邮箱等信息) 或 npm login (如果已经注册过)
  2. 在包含 package.json 的包的根目录下发布
    • npm publish (注意:包名在npm中必须唯一等限制条件)

十一、其他

  1. 使用 npm shrinkwrap 锁定依赖版本等高级功能(在复杂项目管理依赖关系场景)。
  2. 利用 npm link 在本地开发中调试自己开发的npm包等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值