Vue Templates Logo Vue Templates
Neutralinojs Vite Vue Ts Template screenshot

Neutralinojs Vite Vue Ts Template

Author Avatar Theme by Feedthemee
Updated: 13 Jul 2022
17 Stars

Template for developing light and fast desktop applications thanks to Neutralino.js, with the use of Vite, Vue 3 and Typescript

Github

Categories

Vite Templates & themes

Overview

The Neutralino + Vite + Vue + Typescript Template is a preconfigured, quick start template for creating lightweight and fast desktop applications using the Neutralinojs framework. It combines several powerful technologies to offer a seamless development experience.

Features

  • Neutralinojs framework: Allows for the creation of desktop applications with minimal resources and high performance.
  • Vite: A code bundler known for its lightning-fast bundling speed and easy integration with various SPA frameworks.
  • Vue.js: One of the most popular SPA frameworks, Vue.js offers great performance and an intuitive API.
  • Typescript: A strict superset of JavaScript that allows developers to define their own types and interfaces, reducing errors as projects scale.

Installation

To install and set up the template, follow these steps:

  1. Install the necessary tools by running the command: yarn global add @neutralinojs/neu

  2. Clone the repository and navigate to it: git clone https://github.com/FeedTheMEe/neutralinojs-vite-vue-ts-template.git && cd neutralinojs-vite-vue-ts-template

  3. Set up the “backend” part: neu update

  4. Move into the frontend folder: cd frontend

  5. Set up the frontend part: yarn && yarn run build

  6. Create a temporary folder in the main project folder called .tmp and inside it, create an empty auth_info.json file.

    • Note: It is important to create a symlink for auth_info.json in the src folder, as it is necessary for the backend to work. Run the following commands:
      cd src
rm ./auth_info.json
ln -s /home/yourusername/path/to/your/project/.tmp/auth_info.json ./auth_info.json

And you’re done with the setup! It’s that easy.

Summary

The Neutralino + Vite + Vue + Typescript Template is a powerful combination of technologies that allows developers to quickly create lightweight and fast desktop applications. With the Neutralinojs framework at its core, it provides an excellent development experience, thanks to Vite’s fast bundling speed, Vue.js’s performance, and Typescript’s strict type checking. Follow the simple installation guide to get started building your own desktop applications with this template.