搜尋
首頁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
使用'盒子陰影”和剪輯路徑一起使用'盒子陰影”和剪輯路徑一起Apr 22, 2025 am 11:13 AM

讓我們在一個情況下做一些似乎有意義的事情的情況下逐步進行一些逐步,但是您仍然可以用CSS欺騙來完成它。在這個

關於MailTo:鏈接關於MailTo:鏈接Apr 22, 2025 am 11:04 AM

您可以製作花園品種錨點()打開一封新電子郵件。讓我們在此功能上進行一些旅程。它非常易於使用,但是

它非常酷它非常酷Apr 22, 2025 am 11:03 AM

這裡的小供認:當我第一次看到Netlify CMS一目了然時,我想:很酷,也許我有一天會在我探索一個新項目的CMS時嘗試一下。然後

用珀西測試視覺回歸用珀西測試視覺回歸Apr 22, 2025 am 11:02 AM

這是測試的艱鉅任務

Edge成為Chromium:這對前端開發人員意味著什麼?Edge成為Chromium:這對前端開發人員意味著什麼?Apr 22, 2025 am 10:58 AM

2018年12月,微軟宣布Edge將採用鉻鉻,這是為Google Chrome提供動力的開源項目。行業中的許多人反應

Gutenburg驅動的新聞通訊Gutenburg驅動的新聞通訊Apr 22, 2025 am 10:57 AM

我喜歡新的WordPress編輯器Gutenberg。我沒有忽略有關可訪問性,UX和準備就緒的所有對話,但我知道這有多難

使用進行菜單和對話是一個有趣的主意使用進行菜單和對話是一個有趣的主意Apr 22, 2025 am 10:56 AM

使用菜單可能是一個有趣的主意,但也許不是實際運送的東西。請參閱“更多詳細信息”

與劇作家的自動視覺回歸測試與劇作家的自動視覺回歸測試Apr 22, 2025 am 10:54 AM

通過視覺回歸測試,我們可以更新頁面,在事實之前和之後進行屏幕截圖,並比較意外更改的結果。在本文中,了解如何使用劇作家設置視覺回歸測試。

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

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強大的PHP整合開發環境