亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

electron跳坑指南 1(electron的安裝)

notebin / 477人閱讀

摘要：我們在執(zhí)行首先全局安裝或者可以用創(chuàng)建項(xiàng)目進(jìn)入到項(xiàng)目里面運(yùn)行項(xiàng)目這樣就完成了

前言:

對于electron的介紹大家可以自己百度,這個(gè)使用寫客戶端軟件很爽,寫下心得以便于大家學(xué)習(xí)和使用!

我本地開發(fā)環(huán)境為:Mac OS
目錄在 :/Volumes/lee/electron/
開發(fā)工具:phpstorm

第一章介紹electron的安裝:

對于electron 的安裝方式有很多

第1種方式:

非常的簡單 就是使用npm安裝

npm install -g electron //全局安裝 electron
第2種方式:

git clone一個(gè)倉庫

# 克隆項(xiàng)目:
git clone https://github.com/electron/electron-quick-start.git

# 進(jìn)入項(xiàng)目:
cd ./electron-quick-start

# 安裝依賴并且運(yùn)行:
npm install

npm start

第3種方式:

手動(dòng)創(chuàng)建electron項(xiàng)目
我們在 /Volumes/lee/electron/目錄下面創(chuàng)建一個(gè) electron01目錄
可以使用IDE創(chuàng)建 也可以使用 mkdir electron01創(chuàng)建項(xiàng)目目錄
之后使用IDE打開該項(xiàng)目
為了更好的使用代碼提示,我們可以在改項(xiàng)目下執(zhí)行:

npm install electron

在該項(xiàng)目目錄中創(chuàng)建 index.html main.js 2個(gè)文件
index.html 我們暫且稱作為頁面文件吧 可以在里面寫css html 等
在main.js中創(chuàng)建以下代碼:

var electron = require("electron"); //electron 對象的引用

const app = electron.app;   //BrowserWindow 類的引用

const BrowserWindow = electron.BrowserWindow;
let mainWindow = null;

/**
 * 監(jiān)聽?wèi)?yīng)用準(zhǔn)備完成的事件
 */
app.on("ready", function () {
    //創(chuàng)建窗口
    mainWindow = new BrowserWindow({
        width: 800,
        height: 600
    });

    mainWindow.loadFile("index.html");
    mainWindow.on("closed", function () {
        mainWindow = null;
    })
});

/**
 * 監(jiān)聽所有窗口關(guān)閉的事件
 */
app.on("window-all-closed", function () {
    if (process.platform !== "darwin") {
        app.quit();
    }
});

之后使用 npm init 創(chuàng)建package.json 的文件
package.json 為:

{
  "name": "electron01",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "dependencies": {
    "electron": "^2.0.7"
  },
  "devDependencies": {},
  "scripts": {
    "test": "echo "Error: no test specified" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

index.html 的代碼為:




    
    Title


這是一個(gè)頁面

之后使用 electron . 來啟動(dòng)項(xiàng)目 就可以運(yùn)行了

第4種方式:

使用官方提供的腳手架工具 electron-forge創(chuàng)建項(xiàng)目
electron-forge相當(dāng)于electron的一個(gè)腳手架，可以讓我們更方便的創(chuàng)建、運(yùn)行、打包electron項(xiàng)目。
我們在 /Volumes/lee/electron/執(zhí)行

首先全局安裝 electron-forge

npm install -g electron-forge    

#或者可以用
cnpm install -g electron-forge

創(chuàng)建項(xiàng)目:

electron-forge init electron02

進(jìn)入到項(xiàng)目里面

cd ./electron02

運(yùn)行項(xiàng)目

npm start

這樣就完成了!

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/108216.html

相關(guān)文章

  • electron跳坑指南 2(主進(jìn)程和渲染進(jìn)程)

    摘要：主進(jìn)程和渲染器進(jìn)程的腳本的進(jìn)程為主進(jìn)程在主進(jìn)程中運(yùn)行的腳本通過創(chuàng)建頁面來展示用戶界面一個(gè)應(yīng)用總是有且只有一個(gè)主進(jìn)程。在主進(jìn)程和渲染進(jìn)程中都可以使用。渲染進(jìn)程因?yàn)榘踩拗?，不能直接操作原生? 主進(jìn)程和渲染器進(jìn)程： ackage.json 的 main 腳本的進(jìn)程為 主進(jìn)程在主進(jìn)程中運(yùn)行的腳本通過創(chuàng)建 web 頁面來展示用戶界面 一個(gè) Electron 應(yīng)用總是有且只有一個(gè)主進(jìn)程。 由于...

    hzx 評論0 收藏0

  • Electron指南 - 快速入門

    摘要：快速入門提供了豐富的本地操作系統(tǒng)的，使你能夠使用純來創(chuàng)建桌面應(yīng)用程序。這并不意味著是一個(gè)綁定圖形用戶界面的庫。每個(gè)頁面在里是運(yùn)行在自己的進(jìn)程里，這些進(jìn)程被稱為渲染進(jìn)程。有些只能在該事件發(fā)生后才能被使用。 快速入門 Electron提供了豐富的本地（操作系統(tǒng)）的API，使你能夠使用純JavaScript來創(chuàng)建桌面應(yīng)用程序。與其它各種的Node.js運(yùn)行時(shí)不同的是Electron專注于桌面...

    SQC 評論0 收藏0

  • 開發(fā)了一款寫作軟件(OSX,Windows)，附帶Electron開發(fā)指南

    摘要：本來寫這個(gè)項(xiàng)目時(shí)就沒打算來自己實(shí)現(xiàn)富文本編輯器，本著能用開源就用開源的原則，在項(xiàng)目里測試了一些開源的編輯器，發(fā)現(xiàn)或多或少都有些問題，后來一琢磨，反正這個(gè)項(xiàng)目的富文本編輯器需求不復(fù)雜，就自己實(shí)現(xiàn)一個(gè)好了。 斷斷續(xù)續(xù)寫了個(gè)把月，終于在昨天完成了第一版… 筆落寫作 一款幫助網(wǎng)絡(luò)寫手更方便地進(jìn)行小說創(chuàng)作的PC軟件，目前支持 OSX/Windows 名字靈感來自于杜甫的一首詩，前兩句是： 《寄...

    OnlyLing 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<