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
- with gif Examples and operational demo The tutorial article .
- Systematically organized Electron dependent api And function .
- With the drill field , Try it yourself electron Characteristics of .
Let me introduce the content of the project in detail .
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
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
- Crash analysis and collection
- Development and debugging
- Packing problem
- Application updates
- Custom protocol
- System prompts and file selection
- System tray
- File download
- Create and manage windows
- Hide and recover
- focusing 、 Defocus
- Full screen 、 Maximize 、 To minimize the
- Window communication
- Window type
- Window events
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 、 Segmentfault、 CSDN、 Simple books 、 Open source in China 、 Blog Garden account number .