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

NPM 常用命令详解与实践

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

1. 初始化项目

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

bash 复制代码
npm init

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

bash 复制代码
npm init -y
2. 安装依赖

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

  • 安装项目依赖

    bash 复制代码
    npm install package-name
    • 默认安装到 dependencies 中,可以使用 -D 或 --save-dev 参数安装到 devDependencies:

      bash 复制代码
      npm install package-name --save-dev
  • 全局安装

    bash 复制代码
    npm install -g package-name

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

3. 卸载依赖

卸载不再需要的依赖:

bash 复制代码
npm uninstall package-name

卸载开发依赖:

bash 复制代码
npm uninstall package-name --save-dev
4. 更新依赖

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

bash 复制代码
npm update

更新全局依赖:

bash 复制代码
npm update -g package-name
5. 查看依赖

查看已安装的依赖包:

bash 复制代码
npm list

查看全局安装的依赖包:

bash 复制代码
npm list -g --depth=0
6. 安装指定版本

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

bash 复制代码
npm install package-name@version

例如:

bash 复制代码
npm install express@4.17.1
7. 本地安装包链接

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

  • 创建链接

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

bash 复制代码
 npm link
  • 使用链接

    在目标项目目录下运行:

bash 复制代码
 npm link package-name
8. 执行脚本

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

json 复制代码
{
  "scripts": {
    "start": "node app.js",
    "test": "jest"
  }
}

运行脚本:

bash 复制代码
npm run start
npm run test
9. 清理缓存

有时需要清理 npm 缓存:

bash 复制代码
npm cache clean --force
10. 发布包

将包发布到 npm 仓库:

  • 登录 npm
bash 复制代码
 npm login
  • 发布包
bash 复制代码
 npm publish
实践案例

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

  1. 初始化项目

    bash 复制代码
    mkdir my-npm-project
    cd my-npm-project
    npm init -y
  2. 安装依赖

    bash 复制代码
    npm install express
    npm install jest --save-dev
  3. 创建脚本文件

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

    javascript 复制代码
    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 中添加 start 和 test 脚本:

    json 复制代码
    {
      "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. 运行项目

    bash 复制代码
    npm run start

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

  6. 运行测试

    bash 复制代码
    npm run test

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

相关推荐
福兮说3 小时前
设计稿是 #4A7C6F,页面量出来是 #4B7C6F:HEX、HSL、透明度、canvas 来回转的七个坑
前端·javascript·css·canvas
郑州光合科技余经理4 小时前
海外版外卖加盟:总站与分站配送规则怎么分开管
java·开发语言·前端·后端·uni-app·php·ai编程
小呆呆6664 小时前
副业搞起来,小说,漫画,漫剧的成本优化思路
前端·后端·面试
Dovis(誓平步青云)5 小时前
浇水提醒刚弹出又消失,植物状态别只存一个百分比
开发语言·前端·javascript·pdf·ecmascript·电脑
码艺-Alimjan5 小时前
Vben Admin 新增维吾尔语 Vben-Modal的关键坑之一
前端·javascript·vue.js
可乐鸡翅yeah_6 小时前
hls.js 手动自定义 http 请求 loader,修改请求头实战
开发语言·前端·javascript·网络协议·http·ecmascript·m3u8在线
IT_陈寒6 小时前
Vite静态资源导入这个坑我帮你们踩过了
前端·人工智能·后端
广州华水科技6 小时前
大坝安全监测解决方案:单北斗GNSS形变监测系统应用与维护
前端
yivifu7 小时前
中文古籍电子书注释集成
前端·javascript·python·beautifulsoup·epub
niyongsheng7 小时前
后端零改动,给若依换一套现代化前端
vue.js·开源·node.js