在本教程中,我们将向您介绍如何将 Visual Studio Code (VSCode) 编写的项目转换成可执行文件(.exe)。
以下是步骤:
**第 1 步:安装 Node.js**
首先,确保已在计算机上安装了 Node.js。如果没有,请访问 https://nodejs.org/ 下载并安装它。安装完成后,您可以在命令提示符或终端中运行以下命令,以验证 Node.js 是否已正确安装:
```
node -v
```
**第 2 步:初始化 Node.js 项目**
在计算机上创建一个新文件夹,然后在文件夹内运行以下命令,在项目中初始化 Node.js:
```
npm init
```
这将创建一个名为 "package.json" 的文件,其中包含项目的基本信息。
**第 3 步:安装相关依赖**
接下来,我们需要为项目安装两个模块。在命令提示符或终端中,运行以下命令:
```
npm install -g pkg
npm install electron
```
这将安装两个库:pkg(用于将项目打包成可执行文件)和 electron(为我们提供编写具有 HTML、CSS 和 JavaScript 的桌面应用程序的环境)。
**第 4 步:创建项目文件**
创建一个名为 "main.js" 的文件,并将以下代码复制到其中:
```javascript
const { app, BrowserWindow } = require("electron");
function createWindow() {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
});
win.loadFile("index.html");
}
app.on("ready", createWindow);
app.on("window-all-closed", () => {
if (process.platform !== "darwin") {
app.quit();
}
});
app.on("activate", () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow();
}
});
```
此代码将使用 Electron 启动一个新的浏览器窗口,加载名为 "index.html" 的文件。接下来,创建一个 "index.html" 文件,并输入以下内容:
```html
Hello, World!
```
您可以随意更改这些文件,以匹配程序的需求。确保 "package.json" 文件具有以下内容:
```json
{
"name": "your-app-name",
"version": "1.0.0",
"main": "main.js",
"scripts": {
"start": "electron ."
},
"dependencies": {
"electron": "^版本号"
},
"devDependencies": {
"pkg": "^版本号"
},
"pkg": {
"targets": ["node14-win-x64"],
"outputPath": "build"
}
}
```
将 `your-app-name` 替换为您的应用程序名称,将 `^版本号` 替换为安装的 “electron” 和 “pkg” 版本号。`targets` 键用于指定我们要构建的平台。在本例中,我们构建 Windows x64 目标。
**第 5 步:构建项目**
现在,项目已准备好构建可执行文件。在命令提示符或终端中运行以下命令:
```
pkg .
```
这将自动将您的项目打包成一个 .exe 文件,并将生成的文件放入名为 "build" 的目录中。
现在,您应该已经成功地将 VSCode 项目转换为可执行文件。打开 "build" 文件夹并运行生成的 .exe 文件以查看程序。