Build an Electron + Nuxt.js app for speed ⚡
(The screenshot above is a top page of examples/with-vuetify.)
- Show a way of developing desktop apps only web knowledge
- Easy to use
- Open to OSS developers
- If you need more performance with Electron, you should see these boilerplates
- If you want to use Nuxtron as production, please take responsibility for your actions
- But, if you have any troubles, questions or ideas, I'll support you, I promise
$ npm install --global nuxtron
To create <MY-APP>
, just run the command below:
$ nuxtron init <MY-APP>
You can use examples/*
apps as a template.
To create the examples/with-vuetify
app, run the command below:
$ nuxtron init <MY-APP> --template with-vuetify
Run npm run dev
, and nuxtron automatically launches an electron app.
{
"scripts": {
"dev": "node build/nuxtron.js"
}
}
Run npm run build
, and nuxtron outputs packaged bundles under the dist
folder.
{
"scripts": {
"build": "node build/nuxtron.js build"
}
}
To build Windows 32 bit version, run npm run build:win32
like below:
{
"scripts": {
"build": "node build/nuxtron.js build",
"build:all": "node build/nuxtron.js build --all",
"build:win32": "node build/nuxtron.js build --win --ia32",
"build:win64": "node build/nuxtron.js build --win --x64",
"build:mac": "node build/nuxtron.js build --mac --x64",
"build:linux": "node build/nuxtron.js build --linux"
}
}
CAUTION: To build macOS binary, your host machine must be macOS!
Edit package.json#build
properties for custom build configuration.
{
"build": {
"appId": "com.example.nuxtron",
"productName": "My Nuxtron App",
"copyright": "Copyright © 2019 Yoshihide Shiono",
"directories": {
"output": "dist",
"buildResources": "resources"
},
"publish": null
}
}
For more information, please check out electron-builder official configuration documents.
See examples folder for more information.
Or you can start the example app by nuxtron init <app-name> --template <example-dirname>
.
To list all examples, just type the command below:
$ nuxtron list
$ nuxtron init my-app --template custom-build-options
$ nuxtron init my-app --template with-element-ui
$ nuxtron init my-app --template with-vuetify
$ nuxtron init my-app --template with-vuikit
$ git clone https://github.com/saltyshiomix/nuxtron
$ cd nuxtron
$ yarn
$ yarn dev # default is examples/with-vuetify
$ yarn dev <EXAMPLE-FOLDER-NAME>
- saltyshiomix/nextron - ⚡ Electron + Next.js ⚡