簡介 · Electron 中文文檔

# 簡介所有的[Node.js's built-in modules][1]在Electron中都可用，并且所有的node的第三方組件也可以放心使用（包括[自身的模塊][2]）。 Electron也提供了一些額外的內置組件來開發傳統桌面應用。一些組件只可以在主進程中使用，一些只可以在渲染進程中使用，但是也有部分可以在這2種進程中都可使用。基本規則：GUI模塊或者系統底層的模塊只可以在主進程中使用。要使用這些模塊，你應當很熟悉[主進程vs渲染進程][3]腳本的概念。主進程腳本看起來像個普通的nodejs腳本 ```javascript const electron = require('electron'); const app = electron.app; const BrowserWindow = electron.BrowserWindow; var window = null; app.on('ready', function() { window = new BrowserWindow({width: 800, height: 600}); window.loadURL('https://github.com'); }); ``` 渲染進程和傳統的web界面一樣，除了它具有使用node模塊的能力： ```html <!DOCTYPE html> <html> <body> <script> const remote = require('electron').remote; console.log(remote.app.getVersion()); </script> </body> </html> ``` 如果想運行應用，參考 `Run your app` 。 ## 解構任務如果你使用的是CoffeeScript或Babel，你可以使用[destructuring assignment][4]來讓使用內置模塊更簡單: ```javascript const {app, BrowserWindow} = require('electron'); ``` 然而如果你使用的是普通的JavaScript，你就需要等到Chrome支持ES6了。 ##使用內置模塊時禁用舊樣式在版本v0.35.0之前，所有的內置模塊都需要按造 `require('module-name')` 形式來使用，雖然它有很多[弊端][5]，我們仍然在老的應用中友好的支持它。為了完整的禁用舊樣式，你可以設置環境變量 `ELECTRON_HIDE_INTERNAL_MODULES ` : ```javascript process.env.ELECTRON_HIDE_INTERNAL_MODULES = 'true' ``` 或者調用 `hideInternalModules` API: ```javascript require('electron').hideInternalModules() ``` [1]:http://nodejs.org/api/ [2]:https://github.com/heyunjiang/electron/blob/master/docs/tutorial/using-native-node-modules.md [3]:https://github.com/heyunjiang/electron/blob/master/docs/tutorial/quick-start.md#the-main-process [4]:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment [5]:https://github.com/electron/electron/issues/387