什么是Electron

Electron是由Github開發，用HTML，CSS和JavaScript來構建跨平臺桌面應用程序的一個開源庫。 Electron通過將Chromium和Node.js合并到同一個運行時環境中，并將其打包為Mac，Windows和Linux系統下的應用來實現這一目的。

由于平常去不同的站點搜索進行代碼搬運時要經常切換不同的網站再進行搜索，本來想做一個整合搜索的站點方便自己平常搜索用；后來看到vscode忽然覺得可以使用它的爸爸——Electron來做一個試試，順便練練手入門一下Electron，而且還可以使用快捷鍵呼出窗口來搜索，比用網站做更快。

想做的功能有：

平常隱藏在系統托盤，使用時用快捷鍵Alt+ s呼出搜索窗口

可以拖動搜索按鈕，調整順序

可以自定義搜索站點，增加刪除修改

可設置開機啟動

<!-- more -->
項目地址
可以下載DEMO玩玩，直接解壓縮就可以了demo.zip

應用GIF

Alt + s 呼出窗口,點擊選擇搜索目標網站

直接回車相當于點擊第一個按鈕

翻譯

拖動調整位置

設置

添加網站

刪除網站

拖動調整位置

使用

# Clone this repository git clonehttps://github.com/wadejs/W-SEARCH.git # Install dependencies npm install # Run the app npm start

打包

這里使用electron-builder進行打包
在package.json中加入以下代碼

"scripts": {"dist": "electron-builder --win --x64"}, "build": {"appId": "searchApp","productName": "W-SEARCH","mac": {"target": ["dmg","zip"]},"win": {"target": ["nsis","zip"],}}

然后使用 npm run dist 進打包

npm run dist

總結

以上是生活随笔為你收集整理的使用Electron制作一个快速搜索应用（入门向）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。