搜索
首页web前端css教程节点及其与NPM一起工作的方式

节点及其与NPM一起工作的方式

本指南探索Node.js(节点)及其与NODE软件包管理器NPM的关系。让我们从基础开始:

  • Node.js是服务器端JavaScript:与基于浏览器的JavaScript不同,Node利用V8,Chromium的JavaScript引擎,在浏览器环境外执行JavaScript。尽管两者都共享相同的核心语言,但它们的功能和应用程序差异很大。
  • NPM独立于节点:您不需要Node.js知识即可使用NPM。

NPM尽管在其网站上具有嬉戏的替代名称,但根本将“节点”和“包装管理器”结合在一起。稍后我们会深入研究包装管理人员;本章重点介绍了节点。

指南章节:

  1. 本指南的听众
  2. 了解“ NPM”
  3. 命令行基础知识
  4. 探索node.js (当前章节)
  5. 包装经理解释说
  6. 安装NPM
  7. 安装NPM软件包
  8. NPM命令
  9. 安装现有的NPM项目

Node.js:JavaScript超越浏览器

JavaScript的传统角色是与HTML和CSS一起在Web浏览器中。但是,Node.js将JavaScript的覆盖范围扩展到服务器端编程。

这是一个重大突破。 JavaScript不再需要浏览器才能功能。因此,“节点JavaScript”和“基于浏览器的JavaScript”之间的区别。

服务器端与客户端

客户端语言(HTML,CSS,JavaScript)在用户的浏览器中运行,而服务器端语言(PHP,Ruby,Python等)在服务器上执行。服务器端语言通常提供更广泛的功能。

由瑞安·达尔(Ryan Dahl)牵头的Node.js的创建,利用JavaScript的速度(尤其是与PHP和Ruby相比),以使其在各种环境中使用。

Node.js的工作方式

Node.js本质上以JavaScript作为服务器端语言在浏览器之外运行。这是通过使用JavaScript引擎(例如V8(Chromium's Engine))来实现的,该引擎可以独立运行。 V8的受欢迎程度源于Chrome的广泛使用。

从浏览器中提取JavaScript引擎并独立运行的能力使服务器端JavaScript成为现实。

node.js:类似但不同的

尽管Node.js和基于浏览器的JavaScript共享相同的核心语言和语法,但它们的功能差异很大。 Node.js中不存在浏览器特定的API(例如windowdocumentfetch )。但是, console.log仍然是一个有价值的工具,Node.js提供了自己独特的API,例如process对象。

随着时间的流逝,Node.js和基于浏览器的JavaScript沿着不同的路径发展,从而产生了独特的特征和开发方法。直立贝司和电低音吉他的类比恰当地说明了它们的相似性和差异。

Node.js提供服务器端功能,例如文件系统访问,系统级API交互,电子邮件处理,请求处理和任务计划。

local node.js执行

Node.js通常与NPM捆绑在一起。虽然Node.js安装是必需的,但可以在没有深度Node.js知识的情况下使用NPM。我们将在后面的一章中介绍安装。

要测试Node.js(如果安装),请使用简单的JavaScript代码创建一个test.js文件:

 console.log('node.js正在运行!');

const数= [1,2,3,4,5];

numbers.foreach(number => {
  console.log(编号);
});

使用node test.js在您的终端中运行此。您也可以使用node输入交互式node.js环境。

下一步

本章提供了对Node.js的基本理解。 Node.js能够在浏览器之外运行JavaScript的能力,可以创建由NPM管理的服务器端软件包。下一章将详细探讨软件包经理。

←第3章第5章→

以上是节点及其与NPM一起工作的方式的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
迭代使用样式组件的React设计迭代使用样式组件的React设计Apr 21, 2025 am 11:29 AM

在一个完美的世界中,我们的项目将拥有无限的资源和时间。我们的团队将开始使用经过深思熟虑的UX设计进行编码。

哦,制作三角形面包丝带的许多方法!哦,制作三角形面包丝带的许多方法!Apr 21, 2025 am 11:26 AM

哦,制作三角形面包屑丝带的许多方法

CSS指南中的SVG属性CSS指南中的SVG属性Apr 21, 2025 am 11:21 AM

SVG具有自己的一套元素,属性和属性集,以至于内联SVG代码可能会变得漫长而复杂。通过利用CSS和SVG 2规范的一些即将到来的功能,我们可以减少该代码以进行清洁标记。

交叉观察者的一些功能用途可以知道何时在元素中查看交叉观察者的一些功能用途可以知道何时在元素中查看Apr 21, 2025 am 11:19 AM

您可能不知道这一点,但是JavaScript最近偷偷地积累了许多观察者,而交叉观察者是其中的一部分

恢复偏爱减少运动恢复偏爱减少运动Apr 21, 2025 am 11:18 AM

我们可能不需要扔掉所有CSS动画。请记住,这更喜欢减少动作,而不喜欢不运动。

如何将进步的Web应用程序进入Google Play商店如何将进步的Web应用程序进入Google Play商店Apr 21, 2025 am 11:10 AM

PWA(Progressive Web应用程序)已经与我们在一起了一段时间。但是,每次我尝试向客户解释它时,同样的问题都会出现:“我的用户会成为

处理HTML的最简单方法包括处理HTML的最简单方法包括Apr 21, 2025 am 11:09 AM

这对我来说非常令人惊讶,HTML从未在其中包含其他HTML文件。似乎也没有任何东西

更改悬停在悬停的SVG的颜色更改悬停在悬停的SVG的颜色Apr 21, 2025 am 11:04 AM

使用SVG有很多不同的方法。取决于哪种方式,在不同状态或条件下重新定制该SVG的策略 - 悬停,

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

螳螂BT

螳螂BT

Mantis是一个易于部署的基于Web的缺陷跟踪工具,用于帮助产品缺陷跟踪。它需要PHP、MySQL和一个Web服务器。请查看我们的演示和托管服务。

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )专业的PHP集成开发工具

WebStorm Mac版

WebStorm Mac版

好用的JavaScript开发工具