0Pricing
Electron Desktop App Development · 课时

设置开发环境

学习安装 Node.js、NPM 及 Electron 开发所需的其他基本工具,确保系统已准备好进行构建

设置开发环境 是 CoddyKit 上的免费 Electron Desktop App Development 课时。 这是第 2 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Electron Desktop App Development 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Electron Desktop App Development 课程共包含 4 节课。

本课时的部分内容尚未翻译,以英文显示。

Welcome to Setup!

Building Electron apps starts with a solid setup. In this lesson you will install and verify the core tools your projects depend on.

Node.js: The Foundation

Node.js runs JavaScript outside the browser on Chrome's V8 engine. Electron leans on it for everything the main process does.

Installing Node.js

Install Node.js from the official site — pick the LTS version for stability and follow the wizard. npm comes bundled with it.

Verify Node.js Install

Confirm Node.js works by running a tiny JS file with the node command. The snippet below prints a quick ready message.

console.log("Node.js is ready!");

npm: Your Package Manager

npm ships with Node.js and manages your packages — installing, sharing, and updating the reusable code your Electron app depends on.

Verify npm Install

Since npm comes with Node.js, just verify it: run "npm -v" and you should see a version number, confirming it is ready.

Choose Your Code Editor

A good editor smooths everything. VS Code is the top pick for Electron — free, cross-platform, with great JS/HTML/CSS support and debugging.

Git for Version Control

Git tracks changes and is the industry standard. Not strictly required for Hello World, but most Electron templates live on GitHub.

The System PATH Variable

The system PATH tells your terminal where to find commands like node and npm. Installers add Node's location so it works from any directory.

Environment Setup Check!

Which of the following statements about Node.js and npm is TRUE?

Recap: Environment Ready!

Your environment is ready: Node.js to run JS, npm for packages, an editor like VS Code, plus Git and PATH. Time to build your first app!

常见问题解答

「设置开发环境」课时是免费的吗?

是的 — 「设置开发环境」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Electron Desktop App Development 课程的其余内容,请升级到 CoddyKit PRO。 Electron Desktop App Development 课程共包含 4 节课。

「设置开发环境」这节课中我会学到什么?

学习安装 Node.js、NPM 及 Electron 开发所需的其他基本工具,确保系统已准备好进行构建 你通过在浏览器中直接运行的动手代码来练习 Electron Desktop App Development,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Electron Desktop App Development 需要有经验吗?

无需任何先前经验。CoddyKit 上的 Electron Desktop App Development 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 2 节课,共 4 节。

「设置开发环境」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 Electron Desktop App Development 课中编写并运行代码吗?

能。每节 Electron Desktop App Development 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 什么是 Electron
  2. 设置开发环境
  3. 您的第一个 Electron 应用
  4. 理解 Electron 的架构
← 返回 Electron Desktop App Development