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

相关推荐
我的xiaodoujiao1 天前
从 0 到 1 搭建 Python 语言 Web UI自动化测试学习系列 9--基础知识 5--常用函数 3
前端·python·测试工具·ui
李鸿耀1 天前
Flex 布局下文字省略不生效?原因其实很简单
前端
皮蛋瘦肉粥_1211 天前
pink老师html5+css3day06
前端·css3·html5
华仔啊1 天前
前端必看!12个JS神级简写技巧,代码效率直接飙升80%,告别加班!
前端·javascript
excel1 天前
dep.ts 逐行解读
前端·javascript·vue.js
爱上妖精的尾巴1 天前
5-20 WPS JS宏 every与some数组的[与或]迭代(数组的逻辑判断)
开发语言·前端·javascript·wps·js宏·jsa
excel1 天前
Vue3 响应式核心源码全解析:Dep、Link 与 track/trigger 完整执行机制详解
前端
前端大卫1 天前
一个关于时区的线上问题
前端·javascript·vue.js
whltaoin1 天前
中秋赏月互动页面:用前端技术演绎传统节日之美
前端·javascript·html·css3·中秋主题前端
IT派同学1 天前
TableWiz诞生记:一个被表格合并逼疯的程序员如何自救
前端·vue.js