簡單建立一個electron專案

阿新 • • 發佈：2022-01-05

electron中文教程：https://www.w3cschool.cn/electronmanual/p9al1qkx.html

專案目錄：

安裝electron

npm install [email protected] --save-dev

package.json

{
  "name": "electronTest",
  "version": "1.0.0",
  "description": "",
  "main": "main.js", // 專案入口  不指定預設為index.js
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
     
"serve": "electron ." //啟動命令
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "electron": "^4.2.12"
  }
}

main.js

const { app, BrowserWindow } = require('electron')

// 保持一個對於 window 物件的全域性引用，不然，當 JavaScript 被 GC，
// window 會被自動地關閉
var mainWindow = null;

// 當所有視窗被關閉了，退出。 

app.on('window-all-closed', function() {
  // 在 OS X 上，通常使用者在明確地按下 Cmd + Q 之前
  // 應用會保持活動狀態
  if (process.platform != 'darwin') {
    app.quit();
  }
});

// 當 Electron 完成了初始化並且準備建立瀏覽器視窗的時候
// 這個方法就被呼叫
app.on('ready', function() {
  // 建立瀏覽器視窗。
  mainWindow = new BrowserWindow({width: 800, height: 600});

  // 載入應用的 index.html 

  mainWindow.loadURL('file://' + __dirname + '/index.html');

  // 開啟開發工具
  mainWindow.openDevTools();

  // 當 window 被關閉，這個事件會被髮出
  mainWindow.on('closed', function() {
    // 取消引用 window 物件，如果你的應用支援多視窗的話，
    // 通常會把多個 window 物件存放在一個數組裡面，
    // 但這次不是。
    mainWindow = null;
  });
});

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1>Hello World!</h1>
    We are using io.js <script>document.write(process.version)</script>
    and Electron <script>document.write(process.versions['electron'])</script>.
</body>
</html>

啟動： npm run serve

簡單建立一個electron專案

- electron中文教程：https://www.w3cschool.cn/electronmanual/p9al1qkx.html 專案目錄：安裝electron

如何建立一個Flask專案並進行簡單配置

安裝的依賴包 flask pymysql flask_script flask_migrate flask_sqlalchemy 建立Flask專案(專案目錄結構)

從零開始的SpringBoot專案 ( 二 ) 使用IDEA建立一個SpringBoot專案

工欲善其事 , 必先利其器。 IntelliJ IDEA 2019.3.3 x64的安裝與破解下面詳細說明下如何使用idea建立我們的第一個springboot專案：

如何完美的建立一個python專案

下面有python教程欄目為大家建立一個完美的python專案，希望可以幫助到大家，一起討論進步~

使用IDEA建立一個servlet專案

1.File->New->Project 2.Java Enterprise->Web Application，點選Next 3.命名專案 4.建立好後，專案結構

用idae建立一個springMVC專案

　　　　　　用idae建立一個springMVC專案 1.開啟idae建立一個專案 2.下一步 3.下一步

使用IDEA建立一個Spring專案步驟

前提條件：idea配置好jdk和maven 第一步，idea->file->new project開啟如下對話方塊，選擇maven，勾選create from archetype複選框，在原型列表點選maven-archetype-quickstart

後端 --- 快速建立一個sb專案（使用spring官網的https://start.spring.io）

1. maven的pom <?xml version=\"1.0\" encoding=\"UTF-8\"?> <project xmlns=\"http://maven.apache.org/POM/4.0.0\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"

node建立一個vue專案過程

1. 執行命令(建立一個vue專案) vue init webpack binhai-edu 第二、第三、第四步如果已經存在了就不需要進行多次執行。

flask+flask_sqlalchemy+flask_script+flask_migrate 建立一個flask專案（一）

最近開始學習flask，做一下記錄目前這個並不完善，後期會慢慢把這個專案該有的都搭建起來，目前只是記錄flask專案使用，有些詳細的我可能也講不出來，慢慢會去維護補充。如果時間充足，會用我的思路去做一個專案

手動建立一個javaweb專案

手動建立一個javaweb專案在webapps下建立一個專案資料夾，名為ican。在ican專案資料夾中，建立一個WEB-INF資料夾，並在WEB-INF中建立一個web.xml檔案。

建立一個VUE專案，正式開發之前要做的配置~

一、使用vue-cli腳手架建立一個專案，根據我們開發所需生成固定的檔案目錄（可配置）。

intellij idea2021.2:建立一個springboot專案(springboot 2.5.4)

一，點選 New Project 按鈕說明：劉巨集締的架構森林是一個專注架構的部落格，地址：https://www.cnblogs.com/architectforest

建立一個springboot專案

1.開啟IDEA，點選 +Create New Project. 開始建立一個新專案。　　 2.在左側選單找到並點選 Spring Initializr，點選next。注意，這裡idea預設使用https://start.spring.io提供的線上模板，所以需要保證網路暢通。

VS2019 如何建立一個Vue專案

以前專案開發前端框架基本都用layui，搞開發的的也要與時俱進，Vue就目前來說較之layui更流行，所以就想著以後開發將layui框架換成Vue，所以先打算通過VS2019建立一個vue專案：

【Java】【Spring Boot】CP01：建立一個SpringBoot專案(Spring Initializr)

IDEA使用Spring Initializr方式建立一個SpringBoot專案設定（可跳過這一步）點選Apply 然後點選OK

Window下基於vue cli4 建立一個vue專案 Window下搭建Vue cli開發環境

1.開發環境作業系統：windows 7 X64 軟體及版本： Node.JS 12.16.0 npm 6.13.4 @vue/cli 4.5.15 開發環境搭建請參考：Window下搭建Vue cli開發環境

Django 建立一個新專案

Django 的安裝命令： pip install Django 自行下載安裝地址：https://www.lfd.uci.edu/~gohlke/pythonlibs/#django ,下載好後輸入以下安裝命令：

建立一個springboot專案把它釋出到伺服器上面

建立一個spirngboot專案寫一個controller測試類在本地測一下這個jar能不能使用

vue3移動端開發專案實戰二：用vue-cli腳手架建立一個vue3專案

建立vue3專案步驟如下：第1步：使用 npm 指令安裝vue-cli 。開啟命令工具輸入 npm install -g @vue/cli安裝vue-cli的最新版本，如下圖：

簡單建立一個electron專案

相關推薦