nodegui / vue-nodegui-starter

starter skeleton repository for vue-nodegui projects
32 stars 7 forks source link
desktop javascript native nodegui nodejs qt vue

vue-nodegui-starter

Clone and run for a quick way to see Vue NodeGui in action. demo image

To Use

To clone and run this repository you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
git clone https://github.com/nodegui/vue-nodegui-starter
# Install CMake
brew install cmake
# Go into the repository
cd vue-nodegui-starter
# Install dependencies
npm install
# Run the app
npm run dev

Installation & Resources for learning Vue NodeGui

Documentation - all of Vue NodeGui's documentation. NodeGui - all of NodeGui's documentation.

Packaging app as a distributable

In order to distribute your finished app, you can use @nodegui/packer

Step 1: (Run this command only once)

npx nodegui-packer --init MyAppName

This will produce the deploy directory containing the template. You can modify this to suite your needs. Like add icons, change the name, description and add other native features or dependencies. Make sure you commit this directory.

Step 2: (Run this command every time you want to build a new distributable)

Next you can run the pack command:

npm run build

This will produce the js bundle along with assets inside the ./dist directory

npx nodegui-packer --pack ./dist

This will build the distributable using @nodegui/packer based on your template. The output of the command is found under the build directory. You should gitignore the build directory.

More details about packer can be found here: https://github.com/nodegui/packer

License

MIT