深入浅出: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 中添加 starttest 脚本:

    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 的常用命令及其使用场景。熟练掌握这些命令,可以极大地提高开发效率和项目管理的规范性。

相关推荐
fanruitian5 小时前
uniapp android开发 测试板本与发行版本
前端·javascript·uni-app
rayufo5 小时前
【工具】列出指定文件夹下所有的目录和文件
开发语言·前端·python
RANCE_atttackkk5 小时前
[Java]实现使用邮箱找回密码的功能
java·开发语言·前端·spring boot·intellij-idea·idea
2501_944525547 小时前
Flutter for OpenHarmony 个人理财管理App实战 - 支出分析页面
android·开发语言·前端·javascript·flutter
李白你好7 小时前
Burp Suite插件用于自动检测Web应用程序中的未授权访问漏洞
前端
刘一说9 小时前
Vue 组件不必要的重新渲染问题解析:为什么子组件总在“无故”刷新?
前端·javascript·vue.js
徐同保9 小时前
React useRef 完全指南:在异步回调中访问最新的 props/state引言
前端·javascript·react.js
刘一说10 小时前
Vue 导航守卫未生效问题解析:为什么路由守卫不执行或逻辑失效?
前端·javascript·vue.js
一周七喜h11 小时前
在Vue3和TypeScripts中使用pinia
前端·javascript·vue.js
weixin_3954489111 小时前
main.c_cursor_0202
前端·网络·算法