Electron Starter uses GULP for developpment, Nunjucks for templating, UIKit on SCSS for design and traditional VueJS for interface.
git clone https://github.com/de-sign/electron-starter my-project
cd my-project
npm i
gulp
There are 3 scripts to run GULP in different environments :
npm run gulp-dev
npm run gulp-test
npm run gulp-prod
To configure the GULP modules, edit the file gulp/config.js
.
Add your template to src/pages/layouts/
.
All file.html
will be parse with its data file.json
.
Custom UIKit to create your theme :
src/asset/scss/abstracts/
for variables and mixinssrc/asset/scss/base/
for fontsrc/asset/scss/components/uikit
for UIKit componentssrc/asset/scss/layouts
for template
Create components on src/components
and edit style on src/asset/scss/components/vue
.
There are 3 modules :
- windows for access to all BrowserWindow
- store for datastore JSON
- excel for create XLSX file
Look the index page for exemple
When you want to add page :
- create
page.html
onsrc/pages/
- create
page.json
onsrc/pages/data/
- create
page.scss
onsrc/asset/scss/
- create
page.js
onsrc/asset/js/