创建 vue3 + electron 项目

1. 输入下面的代码，过程中输入 y 回车键等,第二步选择 vue

npm init vite

 2.按顺序输入以下代码( readIt 是我的文件名，改成对应的文件名即可)

cd readIt
npm install
npm run dev

3.另起一个终端，cd 到 刚创建的文件中

 4.安装 electron，我用的淘宝镜像安装的，没有可以把 cnpm 改成 npm 安装

cnpm i electron -D

查看 package.json

 5.创建 main.js 文件

const {app , BrowserWindow} = require('electron')
 
const createWindow = () => {
    const win = new BrowserWindow({
        width: 1000,
        height: 800
    })
}
 
app.whenReady().then(createWindow);

 6.安装 nodemon

cnpm i nodemon -D

 7.修改 package.json 文件

"main": "main.js",
"scripts": {
    "start": "nodemon --exec electron . --watch ./ --ext .js,.html,.css,.vue"
 },

8.安装 normalize

cnpm install --save normalize.css

9.安装 stylus

 cnpm install stylus -S