创建electron vue 完整项目
时间: 2023-09-11 19:08:56 浏览: 116
创建 Electron 应用的步骤如下:
1. 首先,确保你已经安装了 Node.js 和 npm。你可以从官方网站下载并安装它们。
2. 打开终端或命令行界面,创建一个新的文件夹来存储你的 Electron 应用。
3. 进入这个新文件夹,并运行以下命令来初始化一个新的 npm 项目:
```
npm init -y
```
这将创建一个默认的 `package.json` 文件。
4. 接下来,安装 Electron 的依赖包。运行以下命令:
```
npm install electron
```
这将在你的项目文件夹中安装 Electron。
5. 创建一个新的 JavaScript 文件,例如 `main.js`,作为 Electron 应用的入口文件。
6. 在 `main.js` 中,添加以下代码:
```javascript
const { app, BrowserWindow } = require('electron')
function createWindow () {
// 创建一个窗口
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true
}
})
// 加载应用的 index.html 文件
win.loadFile('index.html')
}
// 当 Electron 准备就绪时,创建窗口
app.whenReady().then(createWindow)
```
这将创建一个简单的 Electron 窗口并加载 `index.html` 文件。
7. 创建一个新的 HTML 文件,例如 `index.html`,作为 Electron 应用
阅读全文
相关推荐















