深入浅出:npm常用命令详解与实践

发布于:2024-06-29 ⋅ 阅读:(58) ⋅ 点赞:(0)

NPM 常用命令详解与实践

npm(Node Package Manager)是 Node.js 的包管理工具,用于安装、管理和发布 JavaScript 包。熟悉 npm 常用命令对开发者来说非常重要,本文将深入浅出地讲解一些常用的 npm 命令及其实践。

1. 初始化项目

初始化项目可以生成一个 package.json 文件,用于管理项目的依赖和元数据。

npm init

或者使用默认配置快速生成:

npm init -y
2. 安装依赖

安装依赖是 npm 最常用的功能之一。

  • 安装项目依赖

    npm install package-name
    
    • 默认安装到 dependencies 中,可以使用 -D--save-dev 参数安装到 devDependencies

      npm install package-name --save-dev
      
  • 全局安装

    npm install -g package-name
    

    全局安装的包可以在命令行中直接使用。

3. 卸载依赖

卸载不再需要的依赖:

npm uninstall package-name

卸载开发依赖:

npm uninstall package-name --save-dev
4. 更新依赖

更新项目中的依赖到最新版本:

npm update

更新全局依赖:

npm update -g package-name
5. 查看依赖

查看已安装的依赖包:

npm list

在这里插入图片描述

查看全局安装的依赖包:

npm list -g --depth=0

在这里插入图片描述

6. 安装指定版本

有时需要安装特定版本的依赖包:

npm install package-name@version

例如:

npm install express@4.17.1
7. 本地安装包链接

本地开发时,可以将一个包链接到另一个项目中:

  • 创建链接

    在要链接的包目录下运行:

 npm link
  • 使用链接

    在目标项目目录下运行:

 npm link package-name
8. 执行脚本

package.json 中定义脚本,可以通过 npm 运行:

{
  "scripts": {
    "start": "node app.js",
    "test": "jest"
  }
}

运行脚本:

npm run start
npm run test
9. 清理缓存

有时需要清理 npm 缓存:

npm cache clean --force
10. 发布包

将包发布到 npm 仓库:

  • 登录 npm
 npm login
  • 发布包
 npm publish
实践案例

以下是一个简单的 npm 项目实践案例:

  1. 初始化项目

    mkdir my-npm-project
    cd my-npm-project
    npm init -y
    
  2. 安装依赖

    npm install express
    npm install jest --save-dev
    
  3. 创建脚本文件

    在项目根目录下创建 app.js 文件:

    const express = require('express');
    const app = express();
    const port = 3000;
    
    app.get('/', (req, res) => {
      res.send('Hello World!');
    });
    
    app.listen(port, () => {
      console.log(`Example app listening at http://localhost:${port}`);
    });
    
  4. 更新 package.json

    package.json 中添加 starttest 脚本:

    {
      "name": "my-npm-project",
      "version": "1.0.0",
      "description": "",
      "main": "app.js",
      "scripts": {
        "start": "node app.js",
        "test": "jest"
      },
      "dependencies": {
        "express": "^4.17.1"
      },
      "devDependencies": {
        "jest": "^26.6.3"
      }
    }
    
  5. 运行项目

    npm run start
    

    访问 http://localhost:3000,可以看到 “Hello World!”。

  6. 运行测试

    npm run test
    

通过上述实践,我们可以初步了解 npm 的常用命令及其使用场景。熟练掌握这些命令,可以极大地提高开发效率和项目管理的规范性。


网站公告

今日签到

点亮在社区的每一天
去签到