ilder
“`
4. 配置package.json文件
在package.json文件中添加以下內容:
“`
“build”: {
“productName”: “My App”,
“appId”: “com.myapp.app”,
“directories”: {
“output”: “build”
},
“files”: [
“dist/**/*”,
“node_modules/**/*”
],
“win”: {
“target”: “nsis”
}
}
“`
– productName:應用程序的名稱
– appId:應用程序的唯一標識符
– directories:構建輸出目錄
– files:要包含在構建中的文件
– win:構建Windhubuilder打包exeows應用程序的配置選項
5. 構建應用程序
使用以下命令構建應用程序:
“`
npm run build
“`
這將生成一個dist目錄,其中包含Vue應用程序的構建文件。
6. 打包應用程序
最后,使用以下命令將應用程序打包成可執行文件:
“`
electron-builder build
“`
這將生成一個可執行文件,可以在Windows系統上運行。
### 總結
本文介紹了如何使用Electron和Vue CLI將Vue應用程序打包成可執行文件。使用這種方法,我們可以將Vue應用程序轉換為桌面應用程序,并在Windows系統上運行。這種方exe包法非常簡單和方便,適用于許多不同的應用程序。