搜尋
首頁web前端前端問答nodejs安裝及環境設定linux

Node.js是一種非常流行的伺服器端JavaScript運行環境,它運行在V8 JavaScript引擎上,而V8引擎是GoogleChrome瀏覽器中的JavaScript引擎。它能夠使JavaScript語言具有I/O操作的能力, 能夠在伺服器端透過JavaScript程式開發出高效能、可擴展的網頁應用程式。 Node.js可以運行在多個作業系統平台上,包括Windows、macOS和Linux。在本文中,我們將介紹在Linux系統中安裝和設定Node.js的步驟。

  1. 安裝Node.js

在安裝Node.js之前,確保你的Linux作業系統處於最新的狀態,可以透過以下命令進行檢查和更新:

sudo apt get update
sudo apt get upgrade

啟動終端命令列,輸入以下命令下載和設定Node.js的源代碼:

curl -sL https://deb.nodesource.com/setup_14.x -o nodesource_setup.sh

運行以下命令以確保腳本沒有錯誤:

nano nodesource_setup.sh

按下Ctrl w搜尋「exit」並刪除「exit 1」一行。

執行腳本:

sudo bash nodesource_setup.sh

之後,你可以執行以下指令來安裝Node.js:

sudo apt-get install nodejs
  1. 確認Node.js安裝

當Node.js安裝完成後,你可以輸入以下命令列進行驗證:

node -v

如果成功安裝Node.js,它將返回安裝版本號:

v14.16.0
  1. 安裝NPM

NPM是Node.js的軟體套件管理器,提供了方便的一鍵指令來呼叫所需的模組和函式庫。若要安裝NPM,請執行下列命令:

sudo apt-get install npm

安裝完成後,請輸入下列命令列以確認NPM是否已安裝成功:

npm -v

將會傳回下列版本:

6.14.11
  1. 升級NPM

隨著時間的推移,NPM更新頻率也很高,你可以執行以下指令完成NPM升級:

sudo npm install npm -g

輸入以下指令以確認NPM是否升級成功:

npm -v

將會傳回下列版本:

7.9.0
  1. 安裝nodemon
##nodemon是一個非常有用的Node.js模組和命令列工具,可以幫助從文件更改中自動重啟您的應用程序,讓您的應用程式保持活躍,直到您自己停止它們。

您可以透過以下指令安裝nodemon:

sudo npm install -g nodemon

完成安裝後,您可以嘗試nodemon:

nodemon -v

將會傳回下列版本:

2.0.7

    開發環境配置
在使用Node.js時,我們需要確保環境可以正常運作,其中最重要的是偵錯功能,這樣我們就可以動態偵錯和修改程式碼。以下是配置Node.js開發環境的步驟:

在VSCode中安裝ESLint插件,讓編輯程式碼時更容易遵循最佳實踐,並且更輕鬆地保持程式碼風格。

在VSCode設定中設定自動格式化,並安裝prettier來格式化程式碼。確保您的程式碼始終遵循統一的風格,以便讀者可以更輕鬆地閱讀和理解您的程式碼。

在專案根目錄中建立一個.eslintrc.json檔案。您可以使用自己喜歡的規則,但我建議使用以下設定:

{
    "env": {
        "es6": true,
        "node": true
    },
    "extends": [
        "eslint:recommended"
    ],
    "plugins": ["prettier"],
    "rules": {
        "prettier/prettier": "error"
    }
}

這將安裝ESLint程式碼規格庫和prettier程式碼格式化程式庫。您也可以在ESLint插件中使用其他與請求的規則集。

在VSCode設定中,加入以下程式碼:

"eslint.alwaysShowStatus": true,
"eslint.enable": true,
"eslint.options": {
    "extensions": ["js", "jsx", "ts", "tsx"]
},
"[javascript]": {
    "editor.formatOnSave": true
},

這個配置將確保ESLint顯示它的狀態,並啟用ESLint支持,使用ESLint支援和Prettier進行語法檢查,並在儲存時格式化代碼。

最後,在您的專案中的package.json檔案中新增以下程式碼:

"scripts": {
    "serve": "nodemon app.js"
},

這將啟動nodemon,用於偵測應用程式中檔案的變化,並在檔案放置時重新啟動應用程式。

    總結
在Linux環境中安裝和設定Node.js可能需要一些操作,但隨著正確地按照上述步驟執行,可以輕鬆地安裝Node. js,並配置一個完整的開發環境。如果您需要快速製作高效能、可擴展的網頁應用程序,Node.js可能是您的理想選擇。

以上是nodejs安裝及環境設定linux的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
反應的局限性是什麼?反應的局限性是什麼?May 02, 2025 am 12:26 AM

Include:1)AsteeplearningCurvedUetoItsVasteCosystem,2)SeochallengesWithClient-SiderEndering,3)潛在的PersperformanceissuesInsuesInlArgeApplications,4)ComplexStateStateManagementAsappsgrow和5)TheneedtokeEedtokeEedtokeEppwithitsrapideDrapidevoltolution.thereedtokeEppectortorservolution.thereedthersrapidevolution.ththesefactorsshesssheou

React的學習曲線:新開發人員的挑戰React的學習曲線:新開發人員的挑戰May 02, 2025 am 12:24 AM

reactischallengingforbeginnersduetoitssteplearningcurveandparadigmshifttocoment oparchitecent.1)startwithofficialdocumentationforasolidFoundation.2)了解jsxandhowtoembedjavascriptwithinit.3)

為React中的動態列表生成穩定且獨特的鍵為React中的動態列表生成穩定且獨特的鍵May 02, 2025 am 12:22 AM

ThecorechallengeingeneratingstableanduniquekeysfordynamiclistsinReactisensuringconsistentidentifiersacrossre-rendersforefficientDOMupdates.1)Usenaturalkeyswhenpossible,astheyarereliableifuniqueandstable.2)Generatesynthetickeysbasedonmultipleattribute

JavaScript疲勞:與React及其工具保持最新JavaScript疲勞:與React及其工具保持最新May 02, 2025 am 12:19 AM

javascriptfatigueinrectismanagbaiblewithstrategiesLike just just in-timelearninganning and CuratedInformationsources.1)學習whatyouneedwhenyouneedit

使用USESTATE()掛鉤的測試組件使用USESTATE()掛鉤的測試組件May 02, 2025 am 12:13 AM

tateractComponents通過theusestatehook,使用jestandReaCtTestingLibraryToSigulationsimintionsandIntractions and verifyStateChangesInTheUI.1)underthecomponentAndComponentAndComponentAndConconentAndCheckInitialState.2)模擬useruseruserusertactionslikeclicksorformsorformsormissions.3)

React中的鑰匙:深入研究性能優化技術React中的鑰匙:深入研究性能優化技術May 01, 2025 am 12:25 AM

KeysinreactarecrucialforopTimizingPerformanceByingIneFefitedListupDates.1)useKeyStoIndentifyAndTrackListelements.2)避免使用ArrayIndi​​cesasKeystopreventperformansissues.3)ChooSestableIdentifierslikeIdentifierSlikeItem.idtomaintainAinainCommaintOnconMaintOmentStateAteanDimpperperFermerfermperfermerformperfermerformfermerformfermerformfermerment.ChosestopReventPerformissues.3)

反應中的鍵是什麼?反應中的鍵是什麼?May 01, 2025 am 12:25 AM

ReactKeySareUniqueIdentifiers usedwhenrenderingListstoimprovereConciliation效率。 1)heelPreactrackChangesInListItems,2)使用StableanDuniqueIdentifiersLikeItifiersLikeItemidSisRecumended,3)避免使用ArrayIndi​​cesaskeyindicesaskeystopreventopReventOpReventSissUseSuseSuseWithReRefers和4)

反應中獨特鍵的重要性:避免常見的陷阱反應中獨特鍵的重要性:避免常見的陷阱May 01, 2025 am 12:19 AM

獨特的keysarecrucialinreactforoptimizingRendering和MaintainingComponentStateTegrity.1)useanaturalAlaluniqueIdentifierFromyourDataiFabable.2)ifnonaturalalientedifierexistsistsists,generateauniqueKeyniqueKeyKeyLiquekeyperaliqeyAliqueLiqueAlighatiSaliqueLiberaryLlikikeuuId.3)deversearrayIndi​​ceSaskeyseSecialIndiceSeasseAsialIndiceAseAsialIndiceAsiall

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

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

熱工具

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

MantisBT

MantisBT

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

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用