Starter template for Neutralino.js with Vite.js and Vue.js

Related tags

Vite Templates vite-neutralinojs-template
Overview

Neutralino.js Template With Vite.js and Vue.js

Neutralino.js

Neutralino.js is a new competitor to Electron.js which is smaller and consumes tiny amount of ram.

Vite.js

Vite.js is the new generation of build tools which loads up extremely fast and provides a lot out of the box.

Vue.js

Vue.js is one of the newest javascript frameworks with extremely lean leanring curve and very fun to work with. Has become exceptionally better in version 3. This template uses Vue.js version 3

This template brings all these together and gives you the starting point to make top notch desktop apps.

Installation

  • install Neutralino.js cli: npm i -g @neutralinojs/neu
  • Clone this repository
  • cd into the directory
  • yarn or npm i
  • neu update
  • change these things according to your app
    • name and description in package.json
    • applicationId, modes.window.title and cli.binaryName in neutralino.config.js
    • title tag in index.html
    • public/favicon.ico
    • public/icons/appIcon.png

Usage

  • yarn dev starts the dev server of vite in 3000 port. (you can change it with --port)
  • develop your application in src
  • after you are done, yarn build build the js app and packages it with neu
  • your app binaries are at dist

Upcoming

  • Run dev server directly in Neutralino.js window (Vite.js must some how build on every change and then neu listen)
You might also like...
My personal website. Base on Vite 2.0 and Vue 3.0. If you want to know how to use Vite to develop a project, you can refer to this repository.
My personal website. Base on Vite 2.0 and Vue 3.0. If you want to know how to use Vite to develop a project, you can refer to this repository.

chengpeiquan.com My personal website. Base on Vite 2.0 and Vue 3.0. You can see Rewrite in vite to learn more. Architecture License MIT License © 2021

chengpeiquan 39 Dec 11, 2022
Very low cost dynamic themes in vite and Ant Design Vue. About using @zougt/vite-plugin-theme-preprocessor.
Very low cost dynamic themes in vite and Ant Design Vue. About using @zougt/vite-plugin-theme-preprocessor.

Vite + ant-design-vue about dynamic themes demo https://gitofzgt.github.io/vite-dynamictheme-antd-vue-demo/ Using the plugin @zougt/vite-plugin-theme-

ZGT 11 Dec 1, 2022
This template should help get you started developing with Vue 3 and Typescript in Vite.

Underscore_ Voici la homepage du podcast ! Vue 3 + Typescript + Vite This template should help get you started developing with Vue 3 and Typescript in

Micode 20 Oct 28, 2022
👻 A fast Simple Vite 2, Vue 3 and Electron 13.x template.
👻 A fast Simple Vite 2, Vue 3 and Electron 13.x template.

👻 A fast Simple Vite 2, popular front-end frameworks and Electron 13.x template. This template should help get you started developing with Vite 2, popular front-end frameworks and Typescript in Electron.

Albert Channel Sky 61 Jan 8, 2023
A Vue.js template with built-in Vite, Sass, TypeScript, PostCSS, and Tailwind CSS to help you start your project!

Vue 3 + Typescript + Vite This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 script setu

LouieMartin 3 Jul 7, 2022
Emp-portal-vite - A template with Vue Router, VueX, TailwindCss and JIT Compiler
Emp-portal-vite - A template with Vue Router, VueX, TailwindCss and JIT Compiler

Vite + Vue + VueX + Vue Router + TailwindCss + JIT This template allows you to q

Rajiv Perera 1 Jan 29, 2022
Extended version of vite's official vue-ts template. adds CI, linting, testing and auto-formatting.

vite-vue-ts-template extended version of vite's official vue-ts template. additional features: eslint for linting. vitest + testing-library for testin

Felix Spöttel 1 Jun 1, 2022
Chrome extension development template based on Vite, Vue.js and rollup-plugin-chrome-extension.

Chrome extension development template based on Vite, Vue.js and rollup-plugin-chrome-extension.

Gn1d 7 Sep 6, 2022
Vue 3 + TypeScript + Vite 3 + Pinia 2 + Ant-Design 3 + Vue Router 4 Template
Vue 3 + TypeScript + Vite 3 + Pinia 2 + Ant-Design 3 + Vue Router 4 Template

Vue 3 + TypeScript + Vite 3 + Pinia 2 + Ant-Design 3 + Vue Router 4 Template This template should help get you started developing with Vite, Ant-Desig

X1a0He 2 Nov 7, 2022
Comments
  • yarn build is not stable

    yarn build is not stable

    When I launch the app using yarn dev, the app starts perfectly fine and I don't see any problems. But when I tried to create the exe using the command "yarn build" I get an exe created under dist folder but on launch off the exe it shows blank screen. I tried couple of tricks posted in google search about running the app and build commands in admin mode but no luck. Although when I expand the window I could see the content for a short span of time like microsecs! but again it disappears. Can you pls help me to fix this problem ?

    One more observation: If I try to launch the app using the command "neu run" I am seeing the same blank screen!

    opened by Naveenchandra07 2
  • Multiple Windows?

    Multiple Windows?

    Is it possible to use vite/vue for multiple windows? every way I try and my friend tries neutralino just ends up returning undefined each time and not creating the window while stuff like dialog works.

    opened by Mar0xy 0
  • Vite base url

    Vite base url

    https://github.com/yooneskh/vite-neutralinojs-template/blob/20119cea4d8551665c77d5d6174ecd4516aa5235/vite.config.js#L9

    I think this should be /dist, to match the url in build. Otherwise static assets in /public will have different urls in npm run serve and npm run serve:neu.

    opened by KosRud 0
Owner
YoonesKh
YoonesKh
GitHub
Vite - Vue 2 starter template using composition-api and windiCSS

Vite ⚡ - Vue 2 starter template Create a Vue 2 application bundled by the lightning fast build tool Vite ✨ Live Demo ?? Features ⚡️ Vite 2, Vue 2 and

null 173 Dec 30, 2022
🏕 Opinionated Vite Starter Template

Mocking up web app with Vitesse(speed) Now with Windi CSS! ⚡️ Live Demo Features ⚡️ Vue 3, Vite 2, pnpm, ESBuild - born with fastness ?? File based ro

Anthony Fu 6.6k Jan 4, 2023
Opinionated Vite starter template with TailwindCSS for building admin dashboard

Opinionated Vite starter template with TailwindCSS

Christopher Reeve 110 Jan 2, 2023
A Tailwind CSS starter template for Vite

Vite + Tailwind CSS Starter A Tailwind CSS starter template for Vite Tailwind UI Users If you have access to Tailwind UI, follow these steps to add it

Eduardo San Martin Morote 419 Dec 27, 2022
Vue 3 boilerplate starter based on Vite and Tailwindcss 2

vite-wind WIP ?? ?? ?? It's a Vue 3 boilerplate based on Tailwindcss + Typescript + Vite + css-pro-layout, You could clone this repository and use the

Brahim 86 Dec 20, 2022
Vite 2.x + Vue 3.x + Tailwind 2.x (starter) ⚡

Vite 2.x + Vue 3.x + Tailwind 2.x starter ⚡ This starter template also includes: Vue Router 4.x Inter var font (self-hosted, woff2 format, version 3.1

Eugene Kopich 1k Oct 5, 2022
Opinionated Vite + Vue 3 + TypeScript + Tailwind CSS starter.

Vite Typescript + Tailwind Starter Simple, opinionated, and production-ready TS + Tailwind project template for Vite 2. See changelog for latest chang

Ville Säävuori 284 Jan 8, 2023
A starter kit for vue-cesium with Vite

element-plus-vite-starter A starter kit for vue-cesium generated by vue-cli This template should help get you started developing with Vue 3 and Typesc

zouyaoji 15 Oct 16, 2022
⚡️Starter template with Vite2 Vue3 and Electron 11.x /使用 Vite2 Vue3 以及 Electron 11.x 打造的快速启动模版。

vite-electron-quick ?? A fast Simple Vite2 Vue3 and Electron 11.x template. ⚡️ If you want to fast create a Vite 2 + Vue 3 + Electron 11.x project: ??

qicoo 150 Nov 1, 2022
A starter template for using vue-next with the latest electron.

Overview This repository contains the starter template for using vue-next with the latest electron. I started to learn electron & vue by the great pro

CI010 189 Dec 26, 2022