《智能前端技术与实践》——第1章 开发环境配置——1.3 安装 npm 包管理工具

简介: 《智能前端技术与实践》——第1章 开发环境配置——1.3 安装 npm 包管理工具

1.3 安装npm包管理工具


npm 是随同 Node.js 一起安装的包管理工具,是一个功能强大的软件注册表,可用来安装 Node.js 的各种扩展,它由网站、注册表、命令行工具这 3 个独立的部分组成。首先,我们进入 Node.js 官网,如图 1-26 所示。


image.png


我们一般选择下载 LTS(Long-Term Support,长期支持)版本,下载完成后,可以看到 图 1-27 所示的安装包配置文件。


image.png


接着,双击安装包,进行 Node.js 的安装,安装成功后,我们可以看到图 1-28 所示信息。


image.png


接下来,打开终端工具,查看 Node.js 和 npm 的版本信息,如图 1-29 所示。


image.png


图1-29 查看Node.js和npm的版本信息


我们发现,图 1-29 中 npm 包的版本为 6.14.10。接下来,我们通过代码清单 1-6 所示命令 查看 npm 的最新版本。


代码清单 1-6


npm view npm version

如图 1-30 所示,npm 包的最新版本为 6.14.11,因此我们需要更新它。在 macOS 下,只需 要在终端中输入代码清单 1-7 所示命令,即可完成 npm 包的更新。


image.png


代码清单 1-7


sudonpm install npm@latest -g

macOS 中更新 npm 包的细节如图 1-31 所示。


image.png


在 Windows 系统中,只需在终端中输入代码清单 1-8 所示命令,即可完成 npm 包的更新。 Windows 系统中更新 npm 包的细节如图 1-32 所示。

代码清单 1-8


npm install -gnpm

image.png


Node.js 在 Windows 系统上的安装与在 macOS 上的安装过程类似,这里不再赘述。

相关文章
|
2月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章介绍了npm的基础知识和常用命令,包括安装包、查看包信息、管理依赖等操作,并提供了如何删除npm安装的镜像以及如何彻底删除node_modules文件夹的具体步骤。
106 2
|
2月前
|
JavaScript 前端开发 Docker
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
在使用 Deno 构建项目时,生成的可执行文件体积较大,通常接近 100 MB,而 Node.js 构建的项目体积则要小得多。这是由于 Deno 包含了完整的 V8 引擎和运行时,使其能够在目标设备上独立运行,无需额外安装依赖。尽管体积较大,但 Deno 提供了更好的安全性和部署便利性。通过裁剪功能、使用压缩工具等方法,可以优化可执行文件的体积。
145 3
前端全栈之路Deno篇(二):几行代码打包后接近100M?别慌,带你掌握Deno2.0的安装到项目构建全流程、剖析构建物并了解其好处
|
2月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章是关于npm包管理工具的学习、使用指南,包括npm概述、基础命令和如何安装webpack。
73 3
npm学习一:npm 包管理工具 学习、使用。
|
2月前
|
JavaScript 前端开发 Docker
前端的全栈之路Meteor篇(一):开发环境的搭建 -全局安装或使用容器镜像
本文介绍了如何搭建 Meteor 开发环境,包括全局安装 Meteor 工具和使用 Docker 镜像两种方法,以及创建和运行一个简单的 Meteor 项目的基本步骤。 Meteor 是一个全栈 JavaScript 框架,适用于构建实时 Web 应用程序。文章还提供了遇到问题时的解决建议和调试技巧。
|
2月前
|
缓存 资源调度 前端开发
前端研发链路之包管理器
本文首发于微信公众号“前端徐徐”。作者徐徐将探讨前端研发链路中的包管理器,分析 Npm、Yarn 和 Pnpm 的特点与应用场景,帮助开发者选择最适合项目的包管理工具,提升开发效率和项目稳定性。文章涵盖包管理器的基本概念、解决的问题、组成部分及各工具的优缺点对比。
41 2
|
2月前
|
资源调度 前端开发 JavaScript
React 安装(NPM)
10月更文挑战第6天
76 1
|
2月前
|
缓存 资源调度 持续交付
在清空NPM缓存后,我如何检查是否所有依赖都已正确安装?
【10月更文挑战第5天】在清空NPM缓存后,我如何检查是否所有依赖都已正确安装?
|
2月前
|
前端开发 JavaScript 应用服务中间件
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
本文是一篇详细的教程,介绍了如何在Linux系统上安装和配置nginx,以及如何将打包好的前端项目(如Vue或React)上传和部署到服务器上,包括了常见的错误处理方法。
733 0
linux安装nginx和前端部署vue项目(实际测试react项目也可以)
|
2月前
|
缓存 JavaScript 前端开发
拿下奇怪的前端报错(三):npm install卡住了一个钟- 从原理搞定安装的全链路问题
本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法,包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等,并提供了相应的解决策略。同时,还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。
1180 0
|
2月前
|
资源调度 前端开发 安全
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
130 0

推荐镜像

更多
下一篇
DataWorks