#項(xiàng)目結(jié)構(gòu)

my-project

├─ .electron-vue(webpack配置文件)│? └─ build.js(生產(chǎn)環(huán)境構(gòu)建代碼)

│? └─ dev-client.js(熱加載相關(guān))

│? └─ dev-runner.js(開發(fā)環(huán)境啟動入口)

│? └─ webpack.main.config.js(主進(jìn)程配置文件)

│? └─ webpack.renderer.config.js(渲染進(jìn)程配置文件)

│? └─ webpack.web.config.js

├─ build(是文件打包使用的)

│ └─ win-unpacked/

│? │? ├─ locales(地區(qū)語言資源包)

│? │? ├─ resources(地區(qū)語言資源包)

│? │? ├─ *.dll(動態(tài)鏈接庫)├─ dist(打包后的文件資源)

│ ├─ electron/├─ node_modules/(依賴目錄)├─ src(源碼)

│ ├─ main(主進(jìn)程)

│ │ ├─ index.dev.js(捆綁index.js)

│ │ └─ index.js(主進(jìn)程的進(jìn)程JS)

│ ├─ renderer(渲染進(jìn)程)

│? │? ├─ assets/(放置靜態(tài)資源，如圖片，視頻，靜態(tài)配置)

│ │ ├─ components/(放置vue頁面)│ │ ├─ router/(放置頁面路由)│ │ ├─ store/(放置公共模塊，如vuex)│ │ ├─ App.vue

│ │ └─ main.js

│ └─ index.ejs

├─static/(靜態(tài)文件)├─ test

│ ├─ e2e

│ │ ├─ specs/│ │ ├─ index.js

│ │ └─ utils.js

│ ├─ unit

│ │ ├─ specs/│ │ ├─ index.js

│ │ └─ karma.config.js

│ └─ .eslintrc

#全局配置文件

├─ .babelrc

├─ .eslintignore

├─ .eslintrc.js

├─ .gitignore

├─ package.json

└─ README.md

#語法規(guī)范

require?是 AMD規(guī)范引入方式

require是運(yùn)行時調(diào)用，所以require理論上可以運(yùn)用在代碼的任何地方

require是賦值過程，其實(shí)require的結(jié)果就是對象、數(shù)字、字符串、函數(shù)等，再把require的結(jié)果賦值給某個變量

import是es6的一個語法標(biāo)準(zhǔn)，如果要兼容瀏覽器的話必須轉(zhuǎn)化成es5的語法

import是編譯時調(diào)用，所以必須放在文件開頭

import是解構(gòu)過程，但是目前所有的引擎都還沒有實(shí)現(xiàn)import，我們在node中使用babel支持ES6，也僅僅是將ES6轉(zhuǎn)碼為ES5再執(zhí)行，import語法會被轉(zhuǎn)碼為require

#模塊功能說明

electron.app：負(fù)責(zé)管理Electron 應(yīng)用程序的生命周期

electron.BrowserWindow：負(fù)責(zé)創(chuàng)建窗口

globalShortcut：模塊可以在操作系統(tǒng)中注冊/注銷全局快捷鍵, 以便可以為操作定制各種快捷鍵

Menu：創(chuàng)建原生應(yīng)用菜單和上下文菜單

ipcMain：當(dāng)在主進(jìn)程中使用時，它處理從渲染器進(jìn)程(網(wǎng)頁)發(fā)送出來的異步和同步信息。 從渲染器進(jìn)程發(fā)送的消息將被發(fā)送到該模塊

Notification：創(chuàng)建OS(操作系統(tǒng))桌面通知

fs：在 NodeJS 中，所有與文件操作都是通過 fs?核心模塊來實(shí)現(xiàn)的，包括文件目錄的創(chuàng)建、刪除、查詢以及文件的讀取和寫入，在fs?模塊中，所有的方法都分為同步和異步兩種實(shí)現(xiàn)，具有?sync?后綴的方法為同步方法，不具有?sync?后綴的方法為異步方法

path：Node.js path 模塊提供了一些用于處理文件路徑的小工具

screen：檢索有關(guān)屏幕大小、顯示器、光標(biāo)位置等的信息

shell：提供與桌面集成相關(guān)的功能

webContents：渲染以及控制 web 頁面

ffi(Foreign Function Interface)：node調(diào)用動態(tài)鏈接庫(.so/.dll文件)，解決NodeJS的本地調(diào)用問題，其流程就相當(dāng)于Windows下的LoadLibrary()和GetProcAddress()，亦可以理解為NodeJS下的平臺調(diào)用。

sql.js：sqlite的Webassembly版，使用上和sqlite基本沒有區(qū)別，一個開箱即用的sql庫

child_process.exec(): 衍生一個 shell 并在該 shell 中運(yùn)行命令，當(dāng)完成時則將stdout和stderr傳給回調(diào)函數(shù)

#變量說明

__dirname：總是指向被執(zhí)行 js 文件的絕對路徑

__filename：獲取當(dāng)前模塊文件的帶有完整絕對路徑的文件名

#為什么要用dll

需要使用系統(tǒng) API 操作或擴(kuò)展應(yīng)用程序；

需要調(diào)用第三方的接口API，特別是與硬件設(shè)備進(jìn)行通信，而這些接口 API 基本上都是通過?C++ 動態(tài)鏈接庫(DLL)實(shí)現(xiàn)的；

需要調(diào)用C++實(shí)現(xiàn)的一些復(fù)雜算法等。

總結(jié)

以上是生活随笔為你收集整理的elctron项目_electron项目结构介绍的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。