First impressions on
Today I wanted to find an easy way to edit markdown documents, especially on the context of this blog. I thought it could be a nice way to hands on two (not so recent) technologies:
I was an early adopter of Atom, then switched to Visual Studio Code. That is how I discovered Electron: it is the framework behind these tools (but also HipChat, Slack clients, …). It allows to create cross platform desktop apps using web technologies.
The official website of Electron (https://electron.atom.io/) contains all the required tutorials to get started with it. Only required dependancies are
# Clone the quick start repository git clone https://github.com/electron/electron-quick-start # Go into the repository cd electron-quick-start # Install dependencies npm install # Run the app npm start
This provide a basic “hello world!” application, with default menus, and standard events management (start, close, …).
Electron starter kits and Electron Forge
npm install -g electron-forge electron-forge init my-new-project --template=vue
The electron forge allow short development cycle. Any change in local files (html, js, vue, …) is automatically loaded in the started application.
cd my-new-project electron-forge start
Within the application, Chrome dev tools are here. Console, DOM inspector, js debuger, … It became as easy as developing a web app to develop a desktop one.
- Use Electron Forge to bootstrap your application
- Integration with Chrome dev tools is great
- Develop a web UI but with all modern JS/CSS allowed (only one browser engine will have to render it)