搭建Electron桌面项目
环境:
Windows10系统,Node版本14.17.0
第一种方法:
1,在CMD命令窗口输入下面命令:
npm create @quick-start/electron my-app -- --template vue
√ Select a framework: » vue
√ Add TypeScript? ... No / Yes
√ Add Electron updater plugin? ... No / Yes
√ Enable Electron download mirror proxy? ... No / Yes
2,安装好项目:执行下面命令
cd my-app
npm install
npm run dev
G:\ElectronProject>cd my-app
npx electron-builder --win --config
3,输入下面命令运行项目
npm run dev
第二种方法:
vite -ts -vue3-electron
1,在CMD命令窗口输入下面命令:
npm create vite@latest my-vue3-ts-app --template vue-ts
2,输入下面命令进入文件夹my-vue3-ts-app
cd my-vue3-ts-app
3,输入下面命令安装组件
npm install
4,输入下面命令运行项目
npm run dev
用Window的CMD 命令设置path :
set "PATH=C:\Users\catherchen\nvmw\nodejs\v14.17.0;%PATH%"
setx NODE_PATH "D:\Program Files\node\v16.3.0" /m #通过管理员身份打开cmd执行