当前位置:网站首页>WYSIWYG on electron desktop

WYSIWYG on electron desktop

2020-12-07 13:13:59 Xiaoqiantou

Suddenly let you develop Electron application , Can you hold Live in ?

If the leader suddenly says that he needs to develop a front-end desktop application , So for our front end er To choose Electron It's a matter of course . But in fact, many students are interested in Electron I'm not familiar with it .

If we were suddenly asked to develop Electron application , A lot of people get lost and confused . And then relying on relatively little information on the Internet , Slowly groping 、 All the way to the completion of the pit Electronn The needs of .

In order to solve the above problems , We finished a project , And open source it , I hope I can learn from you Electron A little help .

Fast learning and getting started Electron: electron-playground

electron-playground It's our company ( Tal Group knows blackboard ) Front end team's recent open source project .

electron-playground Purpose of the project

Help the front end better 、 Faster learning and understanding of front-end desktop Technology Electron, Little detours .

electron-playrgound Can learn for me Electron What do you do

  1. with gif Examples and operational demo The tutorial article .
  2. Systematically organized Electron dependent api And function .
  3. With the drill field , Try it yourself electron Characteristics of .

Let me introduce the content of the project in detail .

Project presentations

1. with gif Examples and operational demo The article explain

Project with a series of tutorial articles , These articles are verified by stepping on the pit 、 Systematic content , And with gif Example , And operational demo Example 、 Flow chart, etc .

The project comes with gif demonstration

menu: Add menu

project demo Operation of the gif demonstration

dialog: Message prompt and confirmation

dialog: Select File

flow chart

Window management - Create and manage windows

Systematically organized Electron dependent api And function

electronn-playground Systematically organized Electron Correlation API And function , And about engineering related content .

electron-playground List categories

  • engineering

    • Crash analysis and collection
    • Development and debugging
    • Packing problem
    • Application updates
  • application

    • Custom protocol
    • System prompts and file selection
    • menu
    • System tray
    • File download
  • Window management

    • Create and manage windows
    • Hide and recover
    • focusing 、 Defocus
    • Full screen 、 Maximize 、 To minimize the
    • Window communication
    • Window type
    • Window events
  • other

    • Security

electron-playground List category screenshots

The drill ground

Want to implement more complex operations , We refer to fiddle Created a drill field .

The drill field integrates vscode Of web End edit Library :monaco-editor, The coding experience is close to vscode.

How to start

electron-playground The starting process is as follows :

git clone https://github.com/tal-tech/electron-playground.git //  Download project 
npm install //  Installation dependency 
npm run start //  Start project 

Welcome to download / Experience

electron-playground It's through trying electron Various characteristics , send electron What you see is what you get , To get us started and learn quickly electron Purpose .

Interested students can download the project , Experience it. , Through this project, we hope you can help us better 、 Faster learning and understanding of front-end desktop Technology Electron, Little detours

If it's not bad , Just give me Star️ Give us some encouragement ~

We are the front of the blackboard , Welcome to our You know SegmentfaultCSDN Simple books Open source in China Blog Garden account number .

版权声明
本文为[Xiaoqiantou]所创,转载请带上原文链接,感谢
https://chowdera.com/2020/12/20201207131120022c.html