服务器设置和教程 · 9 10 月, 2024

Ubuntu 下快速安裝 Nodejs 和 Electron

Ubuntu 下快速安裝 Node.js 和 Electron

在當今的開發環境中，Node.js 和 Electron 是兩個非常受歡迎的技術。Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行環境，能夠讓開發者在伺服器端運行 JavaScript。而 Electron 則是一個開源框架，允許開發者使用網頁技術（如 HTML、CSS 和 JavaScript）來構建跨平台的桌面應用程式。本文將介紹如何在 Ubuntu 系統上快速安裝 Node.js 和 Electron。

安裝 Node.js

在 Ubuntu 上安裝 Node.js 有幾種方法，最常見的方式是使用 NodeSource 的二進制分發。以下是具體步驟：

步驟 1: 更新系統

sudo apt update
sudo apt upgrade

步驟 2: 安裝 curl

如果系統中尚未安裝 curl，請使用以下命令進行安裝：

sudo apt install curl

步驟 3: 添加 NodeSource PPA

接下來，您需要添加 NodeSource 的 PPA（個人包檔案）。以下命令將安裝 Node.js 18.x 版本：

curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -

步驟 4: 安裝 Node.js

執行以下命令以安裝 Node.js：

sudo apt install -y nodejs

步驟 5: 驗證安裝

安裝完成後，您可以使用以下命令來驗證 Node.js 和 npm（Node.js 的包管理器）的安裝：

node -v
npm -v

安裝 Electron

安裝完 Node.js 後，您可以使用 npm 來安裝 Electron。以下是具體步驟：

步驟 1: 創建一個新的專案資料夾

首先，創建一個新的資料夾來存放您的 Electron 專案：

mkdir my-electron-app
cd my-electron-app

步驟 2: 初始化 npm 專案

在資料夾中初始化一個新的 npm 專案：

npm init -y

步驟 3: 安裝 Electron

使用以下命令安裝 Electron：

npm install electron --save-dev

步驟 4: 創建主程式檔案

在專案資料夾中創建一個名為 main.js 的檔案，並添加以下內容：

const { app, BrowserWindow } = require('electron');

function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true
    }
  });

  win.loadFile('index.html');
}

app.whenReady().then(createWindow);

步驟 5: 創建 HTML 檔案

在同一資料夾中創建一個名為 index.html 的檔案，並添加以下內容：

<!DOCTYPE html>
<html>
<head>
  <title>Hello Electron</title>
</head>
<body>
  <h1>Hello, Electron!</h1>
</body>
</html>

步驟 6: 執行 Electron 應用程式

最後，您可以使用以下命令來啟動您的 Electron 應用程式：

npx electron .

總結

在本文中，我們介紹了如何在 Ubuntu 系統上快速安裝 Node.js 和 Electron。這些技術不僅能夠幫助開發者構建高效的伺服器端應用程式，還能夠創建跨平台的桌面應用程式。如果您需要穩定的 VPS 來部署您的應用程式，Server.HK 提供多種選擇，適合不同需求的用戶。無論是 香港伺服器 還是其他地區的服務，您都可以找到合適的解決方案。

You may also like...