or
or
By clicking below, you agree to our terms of service.
New to HackMD? Sign up
Syntax | Example | Reference | |
---|---|---|---|
# Header | Header | 基本排版 | |
- Unordered List |
|
||
1. Ordered List |
|
||
- [ ] Todo List |
|
||
> Blockquote | Blockquote |
||
**Bold font** | Bold font | ||
*Italics font* | Italics font | ||
~~Strikethrough~~ | |||
19^th^ | 19th | ||
H~2~O | H2O | ||
++Inserted text++ | Inserted text | ||
==Marked text== | Marked text | ||
[link text](https:// "title") | Link | ||
 | Image | ||
`Code` | Code |
在筆記中貼入程式碼 | |
```javascript var i = 0; ``` |
|
||
:smile: | ![]() |
Emoji list | |
{%youtube youtube_id %} | Externals | ||
$L^aT_eX$ | LaTeX | ||
:::info This is a alert area. ::: |
This is a alert area. |
On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?
Please give us some advice and help us improve HackMD.
Do you want to remove this version name and description?
Syncing
xxxxxxxxxx
利用 electron.js 建立桌面 APP ( Windows )
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
tags :
w3HexSchool
.electron
官方 : https://www.electronjs.org/

安裝
打包
官方 : https://github.com/electron/electron-packager
接下來需要在"scripts"增加執行electron-packager的指令,指令如下,
"package":"electron-packager . FishBucket –platform=win32 –arch=x64 –version=1.7.10
–icon=icons/Mushroom.ico –asar=true –out=build –ignore=node_modules/electron-* "
指令內容說明如下:
electron-packager . FishBucket: 將目前全部資料打包成FishBucket這個名字
–platform = darwin(Mac),win32(Windows),linux(LINUX)
–arch = ia32,x64,all
–version = Electron版本
–icon = icon路徑
–asar = true or false,設定trun是把程式文件封裝,比較不容易被看到原始碼
–out = 輸出文件名稱(dist)
–ignore = 忽略檔案不要打包,建議把electron都忽略掉,因為打包後裡面就有了,可以減少檔案大小
之後 , 我們可以將
FishBucket
資料夾 , 丟給PM
請他執行FishBucket/FishBucket.exe
自定義菜單(menu)
設定
menu
的template
在 app ready 中 , 加上
Menu.setApplicationMenu
ipcMain . ipcRender
加入 vue 專案
開啟 electron APP 時 , 同時啟動 http-server
dist
資料夾將
npm run build
產出的dist
資料夾 , 複製到FishBucket/dist
資料夾坑點紀錄
參考資料