A quickstart boilerplate for Electron application development with jQuery and Bootstrap.
Integrating jQuery and Bootstrap with Electron requires a basic understanding of Electron's Architecture which is based on a single main and one or more renderer processes. Typically, jQuery and Bootstrap and needed in the renderer processes which means they can't simply be added to the main.js
script. The additions in both index.html
and renderer.js
are what make this integration possible.
This Electron JS boilerplate requires node
and npm
to be installed for use with Electron, as decribed in the Developer Environment section of the Electron Documentation.
# This command should print the version of Node.js
node -v
# This command should print the version of npm
npm -v
# Install the package dependencies
npm install .
Once the dependencies are installed, this Electron app uses the standard start
command with npm
.
npm start .
- This boilerplate app is based on the example Electron App from Writing Your First Electron App in the Electron Documentation. Also available on Github.
- jQuery and Bootstrap integration are adapted from "How to include and use jQuery in Electron Framework" from Our Code World and "Electron - How to add jQuery and Bootstrap to your project" from Ryan @ Ryadel.