• <nav id="4skeq"><code id="4skeq"></code></nav>
    <menu id="4skeq"></menu><menu id="4skeq"></menu>
  • <xmp id="4skeq"><menu id="4skeq"></menu>
    單機游戲下載單機游戲下載基地
    最新游戲|熱門游戲|游戲大全|游戲專題
    壓縮解壓光盤工具文字輸入殺毒軟件文件處理轉換翻譯股票證券辦公學習編程軟件虛擬光驅
    當前位置:首頁應用軟件編程軟件 → Electron程序開發助手Electron Fiddle V0.16.1 最新版
    Electron程序開發助手Electron Fiddle

    Electron程序開發助手Electron FiddleV0.16.1 最新版

    Electron程序開發助手Electron Fiddle是一款非常優秀的Electron程序開發編輯軟件,大家可以使用這款Electron Fiddle創建并運行小段 Electron 程序,讓我們可以輕松掌握Electron的入門技巧,對此感興趣的程序愛好者可以下載試試。

    主要功能:

    探索 Electron

    嘗試使用 Electron 而不安裝任何依賴項:Fiddle 包含了您探索 Electron 平臺所需的一切。它還包括了 Electron 中可用的每個 API 的示例,因此,如果您想快速查看 BrowserView 是什么或者 desktopCapturer 是如何工作的, Fiddle 都已幫您搞定。

    用類型編碼

    Fiddle 包含了與 Visual Studio Code 同樣的來自微軟的杰出的 Monaco 編輯器。它還會自動為當前選定的 Electron 版本安裝類型定義,確保您只需幾次擊鍵即可獲得所有的 Electron API 。

    編譯、打包。

    Fiddle 可以自動將您的實驗變成您可以與朋友、同事或祖父母分享的二進制文件。這要歸功于 electron-forge ,它允許您將您的 Fiddle 打包成一個適用于 Windows 、 macOS 或 Linux 的應用程序。

    從 Fiddle 開始,在任何地方繼續。

    Fiddle 不是一個 IDE - 但它是一個很好的起點。一旦您的 Fiddle 長大,利用或不利用 electron-forge 將其導出為一個項目。然后,使用您最喜歡的編輯器,走向世界!

    安裝 Electron

    現在,您需要安裝electron。 我們推薦的安裝方法是把它作為您 app 中的開發依賴項,這使您可以在不同的 app 中使用不同的 Electron 版本。 在您的app所在文件夾中運行下面的命令:

    npm install --save-dev electron

    除此之外,也有其他安裝 Electron 的途徑。 請咨詢安裝指南來了解如何用代理、鏡像和自定義緩存。

    開發一個簡易的 Electron

    Electron apps 使用JavaScript開發,其工作原理和方法與Node.js 開發相同。 electron模塊包含了Electron提供的所有API和功能,引入方法和普通Node.js模塊一樣:

    const electron = require('electron')復制

    electron 模塊所提供的功能都是通過命名空間暴露出來的。 比如說: electron.app負責管理Electron 應用程序的生命周期, electron.BrowserWindow類負責創建窗口。 下面是一個簡單的main.js文件,它將在應用程序準備就緒后打開一個窗口:

    const { app, BrowserWindow } = require('electron')function createWindow () {  
     // 創建瀏覽器窗口
     const win = new BrowserWindow({    width: 800,    height: 600,    webPreferences: {      nodeIntegration: true
       }
     })  // 并且為你的應用加載index.html
     win.loadFile('index.html')
    }

    app.whenReady().then(createWindow)

    您應當在 main.js 中創建窗口,并處理程序中可能遇到的所有系統事件。 下面我們將完善上述例子,添加以下功能:打開開發者工具、處理窗口關閉事件、在macOS用戶點擊dock上圖標時重建窗口,添加后,main. js 就像下面這樣:

    const { app, BrowserWindow } = require('electron')function createWindow () {  
     // 創建瀏覽器窗口
     const win = new BrowserWindow({    width: 800,    height: 600,    webPreferences: {      nodeIntegration: true
       }
     })  // 并且為你的應用加載index.html
     win.loadFile('index.html')  // 打開開發者工具
     win.webContents.openDevTools()
    }// Electron會在初始化完成并且準備好創建瀏覽器窗口時調用這個方法// 部分 API 在 ready 事件觸發后才能使用。app.whenReady().then(createWindow)// Quit when all windows are closed, except on macOS. There, it's common// for applications and their menu bar to stay active until the user quits// explicitly with Cmd + Q.app.on('window-all-closed', () => {  if (process.platform !== 'darwin') {
       app.quit()
     }
    })

    app.on('activate', () => {  // On macOS it's common to re-create a window in the app when the
     // dock icon is clicked and there are no other windows open.
     if (BrowserWindow.getAllWindows().length === 0) {
       createWindow()
     }
    })// 您可以把應用程序其他的流程寫在在此文件中// 代碼 也可以拆分成幾個文件,然后用 require 導入。

    最后,創建你想展示的 index.html:

    <!DOCTYPE html><html>
     <head>
       <meta charset="UTF-8">
       <title>Hello World!</title>
       <!-- https://electronjs.org/docs/tutorial/security#csp-meta-tag -->
       <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
     </head>
     <body>
       <h1>Hello World!</h1>
       We are using node <script>document.write(process.versions.node)</script>,
       Chrome <script>document.write(process.versions.chrome)</script>,
       and Electron <script>document.write(process.versions.electron)</script>.  </body></html>

    PC官方
    安卓官方手機版
    IOS官方手機版
    展開

    軟件截圖

    其它版本

    下載地址

    Electron程序開發助手Electron Fiddle V0.16.1 最新版

      熱門評論

      最新評論

      發表評論 查看所有評論(0)

      昵稱:
      表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
      (您的評論需要經過審核才能顯示)

      裝機必備軟件

      關于飛翔 | 聯系我們 | 大事記 | 下載幫助(?) | 廣告聯系 | 網站地圖 | 友情鏈接

      Copyright 2010-2013 單機游戲下載 (R) 版權所有 飛翔下載所有游戲及軟件下載資源來源互聯網,并由網友上傳分享。如有侵權,請來電來函告之。
      飛翔忠告:抵制不良色情、反動、暴力游戲 合理安排游戲時間 享受健康生活【鄂ICP備13011873號-1】

      美国成年性色生活片 - 视频 - 在线观看 - 影视资讯 -心晴网