1. 程式人生 > >Electron 基礎教程-2.2 修改為你的專屬應用

Electron 基礎教程-2.2 修改為你的專屬應用

修改為你的專屬應用

第一步要修改專案中的package.json檔案。如果你沒有使用示例專案而是建了一個全新的專案,package.json將會在npm init後被建立。

package.json大體如下:

{
  "name": "electron-quick-start",
  "version": "1.0.0",
  "description": "A minimal Electron application",
  "main": "main.js",
  "scripts": {
    "start": "electron ."
  },
  "repository": "https://github.com/electron/electron-quick-start"
, "keywords": [ "Electron", "quick", "start", "tutorial", "demo" ], "author": "GitHub", "license": "CC0-1.0", "devDependencies": { "electron": "^1.4.1" } }

說明如下:
* name 應用的名字。通常命名為小寫字母加下劃線的格式。本書案例中應用名字無關緊要,但是未來開發應用時名字必須嚴肅考慮。將其改為你期望的名字即可。
* version 應用程式碼的版本。應該與當前應用釋出版本一致。
* description

對應用的描述。
* main 告訴Electron主程序程式碼的載入路徑,必不可少。如果你重構了專案的結構,必須將其對應修改,否則Electron就會執行失敗。
* script 指定npm所做操作的具體命令,方便組織相關命令。此處指定npmelectron .命令來執行應用。
* repository 指定專案的程式碼倉庫,可將其改為自己的倉庫地址。
* keywords 描述應用的關鍵詞。
* author 應用的作者。
* license 釋出應用的許可。有超過五百種許可型別可選:https://gist.github.com/robertkowalski/7620849。釋出應用之前應該選取適合的許可型別。
* Dependencies
devDependencies 應用所依賴模組的名字和版本。當你安裝新的依賴時,這個列表會相應更新。本例尚未使用其他依賴,包含的”electron”是用以建立應用的基礎模組。

細緻瞭解了package.json檔案後,接下來執行我們的應用。在命令列輸入:

npm start

你將會看到大致如下圖的介面:
這裡寫圖片描述
Figure 3-1.The starter Electron application’s main window and development tools

Note
在Max OS X中你可以按commend Q或點選Electron/Quit退出應用,在Windows中是File/Quit。在命令列中也可以使用control C組合鍵關閉應用。

接下來就開啟程式碼一探究竟。

相關推薦

Electron 基礎教程-1.2 誰在用Electron

誰在用Electron 如今有太多的開源專案,你方唱罷我登場,Electron值得花費精力學習嗎?雖然Electron最初是用來開發GitHub Atom編輯器的,後來很多公司發現這個技術是很棒的桌面應用解決方案。並且鑑於Electron由知名公司背書,使用的

Electron 基礎教程-2.2 修改專屬應用

修改為你的專屬應用 第一步要修改專案中的package.json檔案。如果你沒有使用示例專案而是建了一個全新的專案,package.json將會在npm init後被建立。 package.json大體如下: { "name": "electron

Electron 基礎教程-2.3 主程序(Main Process)

主程序(Main Process) 正如之前所提,Electron有兩大程序:主程序(Main Process)和渲染程序(Renderer Process)。在這個示例程式中,主程序程式碼就在main.js檔案中。 Note 通常將主程序檔案命

[學習筆記—Objective-C]《Objective-C-基礎教程2版》第十一章 屬性

變量名 erl .text nonatomic syn split view 不能 -name 11.1 使用屬性值 @property float rainHandling; //表明此類具有float類型的屬性,其名稱為rainHandling

計算機應用基礎教程作業2

.com ima 計算機 src alt es2017 計算 基礎教程 技術分享 計算機應用基礎教程作業2

Python3基礎教程-第2章筆記-下

1、列表:python的”苦力” (1)list函式: 適用於所有型別的序列 >>> list('hello') ['h', 'e', 'l', 'l', 'o'] >>> (1)基本的列表操作:元素賦值、元素刪除、分片賦值、列表方法 1)改變列表:元素

yii2 位址列裡 %2 如何修改 /

一、 開啟\vendor\yiisoft\yii2\web\UrlManager.php 二、將第371行的程式碼註釋調整為如下即可 //$url = "$baseUrl?{$this->routeParam}=" . urlencode($route); $url = "$base

Hadoop基礎教程-第2章 Hadoop快速入門(2.2 Hadoop下載與安裝)

2.1 Hadoop下載與安裝2.1.1 官網下載可以使用迅雷或QQ旋風等多執行緒下載工具來下載,支援斷點續傳。成功下載後得到hadoop-2.7.3.tar.gz壓縮檔案,204M。請檢查壓縮包是否204M,瀏覽器下載的話可能會中斷。2.1.2 上傳至虛擬機器通過ll或ls命令可以檢視到已經上傳到虛擬機器n

基礎教程2、Linux伺服器安裝圖解

2.1 Linux發行版選擇 Linux是一類開放原始碼和自由的類似Unix的作業系統,有眾多發行版本。在伺服器市場,Linux作業系統佔有絕對的優勢。Linux作業系統大致可以分為Redhat系列和Debian系列。 Redhat系列中典型代表是RHEL(Redhat

資料應用達人之SQL基礎教程分享2

2.SQL 瞭解SQL 1、SQL是什麼 【知識點介紹】 瞭解完資料庫,我們就來認識下SQL吧。 SQL是Structured Query Language的簡稱,即結構化查詢語言,這是一門專門用來跟資料庫“交流”(訪問、處理資料庫)的標準語言。 我們可以使用S

MATLAB基礎教程2) 語言基礎知識

本教程主要講到MATLAB語法、運算子、資料型別、陣列索引及處理等等語言基礎知識。大概可分四大部分: 第一部分:輸入命令 ans 當未明確定義輸出變數的名字時,MATLAB會自動建立一個變數ans來接收計算的結果。 clc MATLAB中的清屏命令

Hadoop基礎教程-第2章 Hadoop快速入門(2.4 Hadoop單機執行)

第2章 Hadoop快速入門2.4 Hadoop單機執行緊接上一節內容,首先切換到Hadoop根目錄 或者cd /opt/hadoop-2.7.3進入Hadoop根目錄 通過pwd命令可以知道當前所在目錄[root@node1 hadoop-2.7.3]# pwd注意:本節命令都將在/opt/hadoop-2

SpringCloud Finchley基礎教程2,註冊中心eureka和配置中心config

1. 註冊中心eureka 1.1 eureka server 1,引入pom依賴 <dependency> <groupId>org.springframework.cloud</groupId>

jeakins+maven+jmeter構建性能測試自動化( 在eclipse裏運行如果出現沒有找到“*.loadtest.xls”,請將此文件名修改對應使用的xsl文件名)

-m csp .sh sts hud xsl 系統 郵件通知 load 背景: 首先用jmeter錄制或者書寫性能測試的腳本,用maven添加相關依賴,把性能測試的代碼提交到github,在jenkins配置git下載性能測試的代碼,配置運行腳本和測試報告,配置運行失敗自動

Git 基礎教程 之 撤銷修改

撤銷 pan 文件的 .com 分享 png 基礎教程 mit 技術 Git跟蹤並管理的是修改,而非文件。每次修改,如果不用git add到暫存區,那就不會加入到commit中, 要麽全部改完後,再add → commit ;要麽改一點,就add → commit。 撤

Introduction to Machine Learning with Python/Python機器學習基礎教程_程式碼修改與更新

2.3.1樣本資料集 --程式碼bug及修改意見 import matplotlib.pyplot as plt import mglearn X,y=mglearn.datasets.make_forge() mglearn.discrete_scatter(X[:,0

Electron 基礎教程-7.3 Node fs模組檔案與目錄操作

A Brief Look at Node’s FS Module 讀寫檔案操作呼叫了Node的核心模組:fs(File System)。這個模組的每個方法都提供了同步和非同步兩種版本,通常選擇非同步方式編寫程式碼。非同步方式就能防止打斷使用者互動操作,因為程式

Electron 基礎教程-1.4 為什麼選擇Electron

為什麼選擇Electron 既然你選擇了這本書,肯定是為了專案需求開發桌面應用,亦或是純粹的個人興趣。 如果你曾開發過web應用,你應該對適配各種瀏覽器平臺的痛苦歷歷在目。瀏覽器標準的適配過程經歷了很多年,但web開發者仍要關注適配問題。對於那些與企業客戶合

redux基礎教程(二)-react-redux的應用

react-redux簡介 React 和 Redux 其實是兩個獨立的框架,都可以單獨的使用。但在react中使用redux的話,就沒有理由不使用 react-redux了,因為它可以大大的簡化redux的程式碼書寫。 react-redux核心 react-

第 0001 題:做 Apple Store App 獨立開發者,要搞限時促銷,應用生成啟用碼(或者優惠券),使用 Python 如何生成 200 個啟用碼(或者優惠券)?

第 0001 題:做為 Apple Store App 獨立開發者,你要搞限時促銷,為你的應用生成啟用碼(或者優惠券),使用 Python 如何生成 200 個啟用碼(或者優惠券)? 知識點: 1、range生成隨機數 2、int型別轉換成char型別用chr() 函式