👻 A fast Simple Vite 2, Vue 3 and Electron 13.x template.

Overview

Electron + Vite + Typescript Project 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.

Links

Why I should be use?

  • Dev runner, performance for develop environment
  • Production builder faster
  • Stats info for development environment
  • Secured your code on production
  • Support full Typescript =))
  • Support popular framework for renderer process.

Features

  • Automatic update new version
  • Performance electron builder
  • Pre-load window in production env

How to Use

Compatibility Note: Vite requires Node.js version >=12.0.0.

Option 1: ⚡️ It's as simple as that! So easy by command line:

With NPM:

$ npm init ev@latest

With Yarn:

$ yarn create ev

With PNPM:

$ pnpx create-ev

Then follow the prompts!

You can also directly specify the project name and the template you want to use via additional command line options. For example, to scaffold a Vite + Vue/React/... project, run:

# npm 6.x
npm init ev@latest my-vue-app --template vue
############# OR #############
npm init ev@latest my-react-app --template react

# npm 7+, extra double-dash is needed:
npm init ev@latest my-vue-app -- --template vue
############# OR #############
npm init ev@latest my-react-app -- --template react

# yarn
yarn create ev my-vue-app --template vue
############# OR #############
yarn create ev my-react-app --template react

# pnpm
pnpx create-ev my-vue-app --template vue
############# OR #############
pnpx create-ev my-react-app --template react

Currently supported template presets include:

  • vanilla - Coming soon
  • vanilla-ts - Coming soon
  • vue - Coming soon
  • vue-ts
  • react - Coming soon
  • react-ts

Option 2: Clone the package folder repository packages/create-ev/templates.

Run Dev

🔥 Hot runner dev env

yarn dev

Build package

Built-in Windows, Mac, Linux. Please read more details in package.json scripts

<!-- Build production -->
yarn build

<!-- Build production for Windows x64 -->
yarn build:win64

Security

If you discover a security vulnerability regarding this template, please send an e-mail via [email protected]! All security vulnerabilities will be promptly addressed.

Show me your apps!

If you've built any applications with our template, we'd love to see them!.

License

MIT

You might also like...
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

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.

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

Tauri + Vite + Vue 3 + Vuetify 3 desktop app template

Vite Tauri Template This is a starter template for those who want to make a desktop application with web technologies. This template uses the below st

🏕 Opinionated Vite Starter Template
🏕 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

Resume generation template - Power by Vue3 + Vite + tailwindcss

简历生成模板 Vue3 + Vite + tailwindcss 功能 Web 端显示简历 打印成 PDF 通过 JSON 配置简历内容 使用方法 点击页面右上角的修改数据按钮,会弹出用于修改数据的文本框。 根据以下示例数据修改后点击弹出框的保存。

Opinionated Vite starter template with TailwindCSS for building admin dashboard

Opinionated Vite starter template with TailwindCSS

Vite Vant Template 是一个免费开源的移动端模版。使用了最新的`vue3`,`vite2`等主流技术开发,开箱即用的移动端解决方案
Vite Vant Template 是一个免费开源的移动端模版。使用了最新的`vue3`,`vite2`等主流技术开发,开箱即用的移动端解决方案

简介 Vite Vant Template 是一个免费开源的移动端模版。使用了最新的vue3,vite2等主流技术开发,开箱即用的移动端解决方案,也可用于学习参考。 特性 最新技术栈:使用 Vue3/vite2 等前端前沿技术开发 Mock 数据 内置 Mock 数据方案 预览 没有梯子的可移步码云

Crestron CH5 using Vitesse/ Vite template
Crestron CH5 using Vitesse/ Vite template

Mocking up web app with Vitesse(speed) Live Demo Features ⚡️ Vue 3, Vite 2, pnpm, ESBuild - born with fastness 🗂 File based routing 📦 Components aut

Comments
  • Uncaught TypeError: path.join is not a function

    Uncaught TypeError: path.join is not a function

    Hello, I have been facing this issue for some time, I have no idea what the error could be. when yarn dev, the electron window opens and renders nothing. This is screenshot of my console Please help! image

    opened by Hubertformin 0
  • Router not working

    Router not working

    Thanks for the great template. I came across an issue where the routes not seem to render and shows empty page. When I refresh the page (through inspector) the page loads just fine. It seems like the issue with the transition block. When I replace the code with simple <router-view/> the rendering issues are gone.

    opened by divyesh-makwana 1
Releases(v1.0.1)
Owner
Albert Channel Sky
Albert Channel Sky
Electron app boilerplate based on Vite 2.0

Vite Electron Builder Template Vite+Electron = ?? This is a secure template for electron applications. Written following the latest safety requirement

Alex Kozack 1.5k Jan 7, 2023
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
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.

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
Vite-starter - Vueform Vite + TailwindCSS 3 Boilerplate

Vueform Vite + TailwindCSS 3 Boilerplate Last tested with Vite 2.7.13. Installat

Vueform 4 Feb 8, 2022
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
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
Starter template for Neutralino.js with Vite.js and Vue.js

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 amoun

YoonesKh 46 Dec 6, 2022
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

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

Rajiv Perera 1 Jan 29, 2022