《智能前端技术与实践》——第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文件夹的具体步骤。
100 2
|
19天前
|
前端开发 数据处理 Android开发
Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍
本文深入探讨了Flutter前端开发中的调试技巧与工具使用方法,涵盖调试的重要性、基本技巧如打印日志与断点调试、常用调试工具如Android Studio/VS Code调试器和Flutter Inspector的介绍,以及具体操作步骤、常见问题解决、高级调试技巧、团队协作中的调试应用和未来发展趋势,旨在帮助开发者提高调试效率,提升应用质量。
40 8
|
26天前
|
监控 前端开发 JavaScript
前端稳定性工具-Sentry
【11月更文挑战第9天】Sentry 是一个开源的错误和性能监控平台,支持多种编程语言和框架。它能够捕获前端应用中的各种错误和性能问题,提供详细的错误信息和用户行为关联,帮助开发团队快速定位和解决问题,优化应用性能。但需注意隐私保护、数据准确性和成本控制。
|
1月前
|
前端开发 JavaScript API
前端开发的秘密武器:这些工具让你轻松应对各种复杂动画效果!
【10月更文挑战第30天】前端开发中,动画效果为页面增添了无限生机。CSS3的@keyframes规则和JavaScript动画库如GSAP、Anime.js等,使开发者能轻松实现从简单到复杂的动画效果。掌握动画原理和设计原则,结合工具和库,可以创造出既美观又实用的动画,提升用户体验。
54 4
|
1月前
|
Web App开发 前端开发 JavaScript
前端开发的秘密武器:这些工具让你轻松应对各种复杂布局!
【10月更文挑战第31天】前端开发充满挑战,尤其是在处理复杂布局时。本文介绍了几种关键工具和技术,如HTML和CSS基础、Firefox开发者工具、Visual Studio Code以及Vue、React和Angular等前端框架,帮助开发者高效应对复杂布局,提升代码质量和用户体验。
31 2
|
2月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章是关于npm包管理工具的学习、使用指南,包括npm概述、基础命令和如何安装webpack。
68 3
npm学习一:npm 包管理工具 学习、使用。
|
2月前
|
自然语言处理 前端开发 JavaScript
推荐 10 个前端开发会用到的工具网站
本文介绍了多个前端开发工具,包括 Web Design Museum、Landing Page、Google Fonts、Lorem Ipsum、Animista、Blobmaker、Spline、CodeToGo、UnusedCSS 和 Responsively,帮助开发者提高效率和项目质量。这些工具涵盖了设计、动画、代码片段管理、响应式测试等多个方面。
107 0
推荐 10 个前端开发会用到的工具网站
|
2月前
|
资源调度 前端开发 JavaScript
React 安装(NPM)
10月更文挑战第6天
68 1
|
2月前
|
缓存 JavaScript 前端开发
拿下奇怪的前端报错(三):npm install卡住了一个钟- 从原理搞定安装的全链路问题
本文详细分析了 `npm install` 过程中可能出现的卡顿问题及解决方法,包括网络问题、Node.js 版本不兼容、缓存问题、权限问题、包冲突、过时的 npm 版本、系统资源不足和脚本问题等,并提供了相应的解决策略。同时,还介绍了开启全部日志、使用替代工具和使用 Docker 提供 Node 环境等其他处理方法。
838 0
|
2月前
|
存储 前端开发 JavaScript
前端模块化打包工具的深度解析
【10月更文挑战第13天】前端模块化打包工具的深度解析