An Electron & Vue.js quick start boilerplate with vue-cli scaffolding, common Vue plugins, electron-packager/electron-builder, unit/e2e testing, vue-devtools, and webpack.

Last update: Aug 18, 2022

electron-vue

The boilerplate for making electron applications built with vue (pretty much what it sounds like).

forthebadge forthebadge forthebadge

js-standard-style

Build Status

Overview

The aim of this project is to remove the need of manually setting up electron apps using vue. electron-vue takes advantage of vue-cli for scaffolding, webpack with vue-loader, electron-packager or electron-builder, and some of the most used plugins like vue-router, vuex, and so much more.

Check out the detailed documentation here.

Things you'll find in this boilerplate...

*Customizable during vue-cli scaffolding

Getting Started

This boilerplate was built as a template for vue-cli and includes options to customize your final scaffolded app. The use of [email protected]^7 or higher required. electron-vue also officially recommends the yarn package manager as it handles dependencies much better and can help reduce final build size with yarn clean.

# Install vue-cli and scaffold boilerplate
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project

# Install dependencies and run your app
cd my-project
yarn # or npm install
yarn run dev # or npm run dev
Are you a Windows User?

Make sure to check out A Note for Windows Users to make sure you have all the necessary build tools needed for electron and other dependencies.

Wanting to use Vue 1?

Just point to the 1.0 branch. Please note that electron-vue has officially deprecated the usage of [email protected]^1, so project structure, features, and documentation will reflect those changes (legacy documentation).

vue init simulatedgreg/electron-vue#1.0 my-project

Next Steps

Make sure to take a look at the documentation. Here you will find useful information about configuration, project structure, and building your app. There's also a handy FAQs section.

Made with electron-vue

Take a look at some of the amazing projects built with electron-vue. Want to have your own project listed? Feel free add your project to the bottom of the list below then submit a pull request.

  • Surfbird: A Twitter client built on Electron and Vue
  • Lulumi-browser: Lulumi-browser is a light weight browser coded with Vue.js 2 and Electron
  • Space-Snake: A Desktop game built with Electron and Vue.js.
  • Forrest: An npm scripts desktop client
  • miikun: A Simple Markdown Editor
  • Dakika: A minute taking application that makes writing minutes a breeze
  • Dynamoc: Dynamoc is a GUI client for dynamodb-local, dynalite and AWS dynamodb
  • Dockeron: A dockeron project, built on Electron + Vue.js for Docker
  • Easysubs: Download subtitles in a very fast and simple way
  • adminScheduler: An application leveraging electron for cross platform compatibility, Vue.js for lightning fast UI and full-calendar.io to deliver a premium calendar interface.
  • Backlog: Simple app for storing TODOs, ideas or backlog items. You can organize them with boards. Sleek flow. Built with Electron + Vue.js + iView
  • Opshell: Ops tool to make life easier working with AWS instances.
  • GitHoard: Hoard git repositories with ease.
  • Data-curator: Share usable open data.
  • Bookmark: Desktop app to manage bookmarked links using Atom Electron and Vue.js
  • Uber Run: Simple automation desktop app to download and organize your tax invoices from Uber.
  • Netsix: Share videos with your friends in a real peer-to-peer manner using WebRTC.
  • code-notes: A simple code snippet manager for developers built with Electron & Vue.js.
  • Pomotroid: A simple and visually-pleasing Pomodoro timer
  • MarkText: Mark Text is a realtime Markdown Editor.
  • vue-design: the best website visualization builder with Vue and Electron
  • ImapSync Client: It's only an Internet Message Access Protocol Synchronization Client
  • Hve: A static blog client tool you may like.
  • MarkdownFox: A simple Markdown viewer with auto update and PDF export.
  • Smart DOCSE: A generic app which ability to display news, contact etc.
  • Cleaver: Cleaver helps you provision servers ready for deploying your web apps with zero downtime - for free!
  • XPanel: XAMPP control panel alternative built with Electron & Vue.js
  • Hexo-Client: A hexo client powered by electron-vue.
  • YT.Downloader: Youtube Video Downloader&Converter and Play Music, built with Electron & Vue.js.
  • BMFont-JS: BMFont-js is a bitmap font generator, built with Electron & Vue.js.
  • YouGet: YouGet - YouTube Video/Playlist Downloader/Cutter - MP3 Converter
  • Asar UI: UI for Asar Pack, built with Electron & Vue.js.
  • Leeze: A Receipt Record App, built with Electron & Vue.js.

GitHub

https://github.com/SimulatedGREG/electron-vue
Comments
  • 1. Chrome Dev-Tools error?

    Describe the issue / bug.

    # the foloowing error was generated for chrome dev-tools

    Debugger listening on ws://127.0.0.1:5858/1b82eabb-e1e6-4815-ba86-ac09e1c88c9e For help see https://nodejs.org/en/docs/inspector

    [21394:0911/142528.962736:ERROR:CONSOLE(7323)] "Extension server error: Object not found: <top>", source: chrome-devtools://devtool s/bundled/inspector.js (7323)

    [21394:0911/142529.961727:ERROR:CONSOLE(7323)] "Extension server error: Object not found: <top>", source: chrome-devtools://devtool s/bundled/inspector.js (7323)

    [21394:0911/142530.391103:ERROR:CONSOLE(7323)] "Extension server error: Operation failed: http://localhost:9080/ has no execution c ontext", source: chrome-devtools://devtools/bundled/inspector.js (7323)

    Tell me about your development environment.
    • Node version: 8.4.0
    • NPM version: 5.4.1
    • Operating System: Ubuntu 16.04 LTS
    Reviewed by emjimadhu at 2017-09-11 09:45
  • 2. Everything up to date

    Here are the changes

    • updated all dependency (thanks to @Haixing-Hu for showing how to integrate webpack 4)
    • updated meta.js to make sass optional and installed only on user consent
    • fixed electron version display (thanks to @XanderLuciano for pointing out and providing the solution)
    • updated meta.js to ask for App Id and App Version in package.json
    Reviewed by thedevbob005 at 2018-06-01 16:01
  • 3. Unable to install vue-devtools

    I followed the steps in the installation guide. When I run npm run dev, I get the following errors. npm run build seems to work OK.

    Error
    ┏ Electron -------------------
    
      Reading C:\Users\rache\clic-ev\dist\electron\manifest.json failed.
    
    ┗ ----------------------------
    
    ┏ Electron -------------------
    
      Error: ENOENT: no such file or directory, open 'C:\Users\rache\clic-ev\dist\electron\manifest.json'
          at Object.fs.openSync (fs.js:584:18)
          at Object.module.(anonymous function) [as openSync] (ELECTRON_ASAR.js:173:20)
          at Object.fs.readFileSync (fs.js:491:33)
          at Object.fs.readFileSync (ELECTRON_ASAR.js:506:29)
          at getManifestFromPath (C:\Users\rache\clic-ev\node_modules\electron\dist\resources\electron.asar\browser\chrome-extension.js:34:26)
          at Function.BrowserWindow.addDevToolsExtension (C:\Users\rache\clic-ev\node_modules\electron\dist\resources\electron.asar\browser\chrome-extension.js:373:22)
          at App.app.on (C:\Users\rache\clic-ev\dist\electron\main.js:2920:19)
          at emitTwo (events.js:111:20)
          at App.emit (events.js:194:7)
    
    ┗ ----------------------------
    
    ┏ Electron -------------------
    
      Unable to install `vue-devtools`:
       { Error: spawn C:\Users\rache\clic-ev\dist\electron\7zip-lite\7z.exe ENOENT
          at exports._errnoException (util.js:1050:11)
          at Process.ChildProcess._handle.onexit (internal/child_process.js:193:32)
          at onErrorNT (internal/child_process.js:367:16)
          at _combinedTickCallback (internal/process/next_tick.js:80:11)
          at process._tickCallback (internal/process/next_tick.js:104:9)
        code: 'ENOENT',
        errno: 'ENOENT',
        syscall: 'spawn C:\\Users\\rache\\clic-ev\\dist\\electron\\7zip-lite\\7z.exe',
        path: 'C:\\Users\\rache\\clic-ev\\dist\\electron\\7zip-lite\\7z.exe',
        spawnargs:
         [ 'x',
           'C:\\Users\\rache\\AppData\\Roaming\\Electron\\extensions\\nhdogjmejiglipccpnnnanhbledajbpd.crx',
           '-y',
           '-oC:\\Users\\rache\\AppData\\Roaming\\Electron\\extensions\\nhdogjmejiglipccpnnnanhbledajbpd' ] }
    
    ┗ ----------------------------
    
    Development environment
    • Node version: 7.0.0
    • NPM version: 5.0.2
    • vue-cli version: 2.8.2
    • Operating System: Windows 10
    Reviewed by hxlnt at 2017-06-03 21:16
  • 4. this.$store.dispatch('someAsyncTask'), action not run

    Found an issue or bug with electron-vue? Tell me all about it!

    Questions regarding how to use electron or vue are likely to be closed as they are not direct issues with this boilerplate. Please seek solutions from official documentation or their respective communities.

    Describe the issue / bug.

    #

    //file . my-project/src/renderer/components/LandingPage.vue
    <button class="alt" @click="dispatchAction">dispatchAction</button>
    dispatchAction () {
           this.$store.dispatch('someAsyncTask') // here
         }
    
    
    // file . store/modules/Counter.js
    const actions = {
     someAsyncTask ({ commit }) {
       console.log('56789')        // here             ---------------- click button ,log not print
       // do something async
       commit('INCREMENT_MAIN_COUNTER')
     }
    }
    
    // action can not run 
    
    How can I reproduce this problem?

    # image image

    
    <template>
      <div id="wrapper">
        <img id="logo" src="[email protected]/assets/logo.png" alt="electron-vue">
        <main>
          <div class="left-side">
            <span class="title">
              Welcome to your new project!
            </span>
            <system-information></system-information>
          </div>
    
          <div class="right-side">
            <div class="doc">
              <div class="title">Getting Started</div>
              <p>
                electron-vue comes packed with detailed documentation that covers everything from
                internal configurations, using the project structure, building your application,
                and so much more.
              </p>
              <button @click="open('https://simulatedgreg.gitbooks.io/electron-vue/content/')">Read the Docs</button><br><br>
            </div>
            <div class="doc">
              <div class="title alt">Other Documentation</div>
              <button class="alt" @click="open('https://electron.atom.io/docs/')">Electron</button>
              <button class="alt" @click="open('https://vuejs.org/v2/guide/')">Vue.js</button>
              <button class="alt" @click="dispatchAction">dispatchAction</button>
            </div>
          </div>
        </main>
      </div>
    </template>
    
    <script>
      import SystemInformation from './LandingPage/SystemInformation'
    
      export default {
        name: 'landing-page',
        components: { SystemInformation },
        methods: {
          open (link) {
            this.$electron.shell.openExternal(link)
          },
          dispatchAction () {
            this.$store.dispatch('someAsyncTask') // <<<<<<<<<< .  here .  <<<<<<<<<<<
          }
        }
      }
    </script>
    
    <style>
      @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
    
      * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }
    
      body { font-family: 'Source Sans Pro', sans-serif; }
    
      #wrapper {
        background:
          radial-gradient(
            ellipse at top left,
            rgba(255, 255, 255, 1) 40%,
            rgba(229, 229, 229, .9) 100%
          );
        height: 100vh;
        padding: 60px 80px;
        width: 100vw;
      }
    
      #logo {
        height: auto;
        margin-bottom: 20px;
        width: 420px;
      }
    
      main {
        display: flex;
        justify-content: space-between;
      }
    
      main > div { flex-basis: 50%; }
    
      .left-side {
        display: flex;
        flex-direction: column;
      }
    
      .welcome {
        color: #555;
        font-size: 23px;
        margin-bottom: 10px;
      }
    
      .title {
        color: #2c3e50;
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 6px;
      }
    
      .title.alt {
        font-size: 18px;
        margin-bottom: 10px;
      }
    
      .doc p {
        color: black;
        margin-bottom: 10px;
      }
    
      .doc button {
        font-size: .8em;
        cursor: pointer;
        outline: none;
        padding: 0.75em 2em;
        border-radius: 2em;
        display: inline-block;
        color: #fff;
        background-color: #4fc08d;
        transition: all 0.15s ease;
        box-sizing: border-box;
        border: 1px solid #4fc08d;
      }
    
      .doc button.alt {
        color: #42b983;
        background-color: transparent;
      }
    </style>
    
    
    If visual, provide a screenshot.

    #

    Tell me about your development environment.
    • Node version:
    • NPM version:
    • vue-cli version: (if necessary)
    • Operating System: image

    If you are looking to suggest an enhancement or feature, then feel free to remove everything above.

    Reviewed by 841660202 at 2018-10-28 14:57
  • 5. Page blank building with electron-builder

    I read other issues describing this problem but i cant find any solution:

    I recieve a blank page building my app with "npm run build"

    GET file://src/main/index.html 404 File not found

    error

    But when i try to execute "npm run dev" it works:

    login

    Reviewed by 50l3r at 2019-04-29 07:55
  • 6. Translate Docs

    I love Electron and I love Vue.js. I share this boilerplate to my Chinese friends,
    but they prefer a Chinese version documents.

    So I decide to translate this boilerplate. May I ?

    Reviewed by Jonham at 2017-03-18 16:34
  • 7. App not running when I build de electron-vue project

    I have been working in this proyect for a few weeks now and when I tried to build the proyect to test if the added code worked correctly in production mode, all I got was a blank screen. Can someone please explain me why is this happening.

    Reviewed by juandozuna at 2018-04-10 03:47
  • 8. Migrate to Single package.json structure

    There are two package.json's right now and I read the docs on why it is like that. But I just noticed that the root one uses only dev dependencies and the other one uses "normal" dependencies. If you were to merge them into a single one there would be an easy way to tell which dependency is for what.

    Am I missing something?

    Reviewed by deiucanta at 2017-01-31 08:44
  • 9. Critical dependency: the request of a dependency is an expression

    Describe the issue / bug.

    Hello SimulatedGREG, Today I use this package to start a electron-vue project and my steps just as the document said. After 'yarn run dev', I got a warning of "Critical dependency: the request of a dependency is an expression" and here is the full warning:

    WARNING in ./node_modules/electron-debug/index.js
      81:45-58 Critical dependency: the request of a dependency is an expression
       @ ./node_modules/electron-debug/index.js
       @ ./src/main/index.dev.js
       @ multi ./src/main/index.dev.js ./src/main/index.js
      
      WARNING in ./node_modules/electron-debug/index.js
      84:85-106 Critical dependency: the request of a dependency is an expression
       @ ./node_modules/electron-debug/index.js
       @ ./src/main/index.dev.js
       @ multi ./src/main/index.dev.js ./src/main/index.js
    

    What does this mean and if I need take care of something?

    How can I reproduce this problem?

    Here is my project configurations:

    ? Application Name test-project
    ? Project description this is a test project
    ? Select which Vue plugins to install axios, vue-electron, vue-router, vuex
    ? Use linting with ESLint? No
    ? Setup unit testing with Karma + Mocha? No
    ? Setup end-to-end testing with Spectron + Mocha? No
    ? What build tool would you like to use? builder
    

    And then 1.yarn 2.yarn run dev everything just as the guide

    Tell me about your development environment.
    • Node version: v8.5.0
    • NPM version: v5.4.2
    • vue-cli version: (if necessary) v2.8.2
    • Operating System: macOS Sierra 10.12.5
    Reviewed by K-Wen at 2018-01-10 01:54
  • 10. Render and Main process does not restart when the files are changed

    Describe the issue / bug.

    I do not understand why, but when you change the files in the /src directory, the build is not updated. I'll completely restart the application

    Tell me about your development environment.
    • Node version: v8.1.4
    • NPM version: 5.3.0
    • vue-cli version: 2.8.2
    • Operating System: antergos (Arch Linux)
    Reviewed by cawa-93 at 2017-07-19 13:21
  • 11. Running Server in Browser Issue

    Found an issue or bug? Tell me all about!

    How could I run the application in the browser?

    Describe the issue / bug.

    # Could not run the application in browser with - http://localhost:9080 I am making an application which should work on Web browser and also need to have Mac Desktop application. This is very huge application. I would be pleased of you could assist me with this Eletron-Vue.

    How can I reproduce this problem?

    # followed by the all steps that you have defined

    • vue init simulatedgreg/electron-vue electron-vue
    • cd electron-vue
    • npm install
    • npm run dev
    If visual, provide a screenshot.

    # screen shot 2017-04-25 at 9 51 20 am

    Tell me about your development environment.
    • Node version: v6.9.2
    • NPM version: 3.10.9
    • vue-cli version: (if necessary)
    • Operating System: MacOS Sierra 10.12.4 (16E195)

    If you are looking to suggest an enhancement or feature, then feel free to remove everything above.

    Reviewed by jrvaja at 2017-04-25 04:26
  • 12. 成废品了,浪费时间

    Found an issue or bug with electron-vue? Tell me all about it!

    Questions regarding how to use electron or vue are likely to be closed as they are not direct issues with this boilerplate. Please seek solutions from official documentation or their respective communities.

    Describe the issue / bug.

    #

    How can I reproduce this problem?

    #

    If visual, provide a screenshot.

    #

    Tell me about your development environment.
    • Node version:
    • NPM version:
    • vue-cli version: (if necessary)
    • Operating System:

    If you are looking to suggest an enhancement or feature, then feel free to remove everything above.

    Reviewed by crashiers at 2022-07-22 01:42
  • 13. electron app crash when startup

    Found an issue or bug with electron-vue? Tell me all about it!

    Questions regarding how to use electron or vue are likely to be closed as they are not direct issues with this boilerplate. Please seek solutions from official documentation or their respective communities.

    Describe the issue / bug.

    APP crash when I startup on Mojave10.14.6 Error Info: Exception Type: EXC_BAD_ACCESS (SIGSEGV) Exception Codes: KERN_INVALID_ADDRESS at 0x0000000000000010 Exception Note: EXC_CORPSE_NOTIFY

    How can I reproduce this problem?

    #

    If visual, provide a screenshot.

    #

    Tell me about your development environment.
    • Node version: 12.22.0
    • NPM version: 6.14.6
    • vue-cli version: (if necessary)
    • Operating System: macOS Mojave10.14.6

    If you are looking to suggest an enhancement or feature, then feel free to remove everything above.

    Reviewed by ChengLin-Zhou at 2022-06-24 09:07
  • 14. child_process

    Found an issue or bug with electron-vue? Tell me all about it!

    Questions regarding how to use electron or vue are likely to be closed as they are not direct issues with this boilerplate. Please seek solutions from official documentation or their respective communities.

    Describe the issue / bug.

    #

    How can I reproduce this problem?

    #

    If visual, provide a screenshot.

    #

    Tell me about your development environment.
    • Node version:
    • NPM version:
    • vue-cli version: (if necessary)
    • Operating System:

    If you are looking to suggest an enhancement or feature, then feel free to remove everything above.

    Reviewed by liqiongjie at 2022-06-15 01:59
  • 15. Oku

    Found an issue or bug with electron-vue? Tell me all about it!

    Questions regarding how to use electron or vue are likely to be closed as they are not direct issues with this boilerplate. Please seek solutions from official documentation or their respective communities.

    Describe the issue / bug.

    #

    How can I reproduce this problem?

    #

    If visual, provide a screenshot.

    #

    Tell me about your development environment.
    • Node version:
    • NPM version:
    • vue-cli version: (if necessary)
    • Operating System:

    If you are looking to suggest an enhancement or feature, then feel free to remove everything above.

    Reviewed by Khasimovf at 2022-05-18 12:49
  • 16. ipcMain.send undefined function

    Found an issue or bug with electron-vue? Tell me all about it!

    I am passing ipcMain.send('ping') to the vue component but it keeps throwing the error as attached to the screenshot, evenmainWindow.webContents.send('ping')` not working as well.

    How can I reproduce this problem?

    # In Main.js

    app.on('ready', async ()=>{
    
      await createWindow();
      mainWindow.webContents.send('ping', 'whoooooooh!');
      ipcMain.send('deep-link-url',"home");
    
    });
    
    

    In App.vue

    this.$electron.ipcRenderer.on('deep-link-url', (event, arg) => {
          console.log(arg);
          this.$router.push({ name: 'dee[link' })
     });
    
    If visual, provide a screenshot.

    #

    ipc_error

    Tell me about your development environment.
    • Node version: 14.17.3
    • NPM version: 6.14.3
    • vue-cli version: (if necessary)
    • Operating System: macOS catalina 10.15
    Reviewed by rajjagani021 at 2022-05-15 06:36
  • 17. yarn run dev causes a blank page

    image

    This is the startup log: E:\Projects\VsProjects\ftt-client>yarn run dev yarn run v1.19.2 warning package.json: No license field $ node .electron-vue/dev-runner.js ___ __ __ /_ \ __ ___ /\ __ _ __ ___ ___ __ __ __ __ __ / ,.\ \//\ \ / ,.\ /'\ \ \ ,\ /` \ / \ /' _\ _______ /\ /\ /\ /\ \ / ,.`
    /\ / _\ _ /\ / /\ __/ \ \ / \ \ / /\ _\ /\ /\ \ /_\ \ / |\ \ _\ /\ / \ _\ /_
    \ _
    \ _
    \ \ \ _ \ _\ \ _/\ _\ _\// \ _/ \ _/\ __
    /
    / /
    / /__/ // \ _\ // // //// // // /_/ // getting ready...

    ┏ Main Process ---------------

    compiling...

    ┗ ----------------------------

    i 「wds」: Project is running at http://localhost:9080/ i 「wds」: webpack output is served from undefined i 「wds」: Content not from webpack is served from E:\Projects\VsProjects\ftt-client
    ┏ Renderer Process -----------

    Hash: fc0c95a2300e8b544e24 Version: webpack 4.46.0 Time: 1969ms Built at: 2022-05-09 0:23:38 Asset Size Chunks Chunk Names imgs/logo--assets.png 60.4 KiB [emitted] index.html 420 bytes [emitted] renderer.js 1.97 MiB renderer [emitted] renderer Entrypoint renderer = renderer.js [1] multi (webpack)-dev-server/client?http://localhost (webpack)/hot/dev-server.js ./.electron-vue/dev-client ./src/renderer/main.js 64 bytes {renderer} [built] [./.electron-vue/dev-client.js] 731 bytes {renderer} [built] [./node_modules/strip-ansi/index.js] 161 bytes {renderer} [built] [./node_modules/vue/dist/vue.esm.js] 320 KiB {renderer} [built] [./node_modules/webpack-dev-server/client/index.js?http://localhost] (webpack)-dev-server/client?http://localhost 4.29 KiB {renderer} [built] [./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.52 KiB {renderer} [built] [./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.53 KiB {renderer} [built] [./node_modules/webpack-dev-server/client/utils/createSocketUrl.js] (webpack)-dev-server/client/utils/createSocketUrl.js 2.91 KiB {renderer} [built] [./node_modules/webpack-dev-server/client/utils/log.js] (webpack)-dev-server/client/utils/log.js 964 bytes {renderer} [built] [./node_modules/webpack-dev-server/client/utils/reloadApp.js] (webpack)-dev-server/client/utils/reloadApp.js 1.59 KiB {renderer} [built] [./node_modules/webpack-dev-server/client/utils/sendMessage.js] (webpack)-dev-server/client/utils/sendMessage.js 402 bytes {renderer} [built] [./node_modules/webpack-hot-middleware/client.js?noInfo=true&reload=true] (webpack)-hot-middleware/client.js?noInfo=true&reload=true 7.69 KiB {renderer} [built] [./node_modules/webpack/hot sync ^./log$] (webpack)/hot sync nonrecursive ^./log$ 170 bytes {renderer} [built] [./node_modules/webpack/hot/dev-server.js] (webpack)/hot/dev-server.js 1.59 KiB {renderer} [built] [./src/renderer/main.js] 382 bytes {renderer} [built] + 70 hidden modules Child html-webpack-plugin for "index.html": Asset Size Chunks Chunk Names index.html 1.37 MiB 0 Entrypoint undefined = index.html [./node_modules/html-webpack-plugin/lib/loader.js!./src/index.ejs] 1.15 KiB {0} [built] [./node_modules/lodash/lodash.js] 531 KiB {0} [built] [./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {0} [built]

    ┗ ----------------------------

    ┏ Main Process ---------------

    Hash: d7dd511f72fcf6c761ba Version: webpack 4.46.0 Time: 2369ms Built at: 2022-05-09 0:23:39 Asset Size Chunks Chunk Names main.js 227 KiB main [emitted] main Entrypoint main = main.js [0] multi ./src/main/index.dev.js ./src/main/index.js 40 bytes {main} [built] [./node_modules/electron-debug sync recursive] ./node_modules/electron-debug sync 160 bytes {main} [built] [./node_modules/electron-debug/index.js] 2.46 KiB {main} [built] [./node_modules/electron-devtools-installer/dist/downloadChromeExtension.js] 2.26 KiB {main} [built] [./node_modules/electron-devtools-installer/dist/index.js] 5.02 KiB {main} [built] [./node_modules/electron-devtools-installer/dist/utils.js] 1.88 KiB {main} [built] [./node_modules/electron-is-dev/index.js] 256 bytes {main} [built] [./node_modules/electron-localshortcut/index.js] 8.78 KiB {main} [built] [./node_modules/semver/semver.js] 37.9 KiB {main} [built] [./src/main/index.dev.js] 364 bytes {main} [built] [./src/main/index.js] 814 bytes {main} [built] [./src/renderer/store/index.js] 342 bytes {main} [built] [./src/renderer/store/modules/index.js] 238 bytes {main} [built] [electron] external "electron" 42 bytes {main} [built] [fs] external "fs" 42 bytes {main} [built] + 42 hidden modules

    WARNING in ./node_modules/electron-debug/index.js 81:45-58 Critical dependency: the request of a dependency is an expression @ ./src/main/index.dev.js @ multi ./src/main/index.dev.js ./src/main/index.js

    WARNING in ./node_modules/electron-debug/index.js 84:85-106 Critical dependency: the request of a dependency is an expression @ ./src/main/index.dev.js @ multi ./src/main/index.dev.js ./src/main/index.js

    ┗ ----------------------------

    ┏ Electron -------------------

    Debugger listening on ws://127.0.0.1:5858/d5c5626d-8122-4a88-8eed-3cef3d019777 For help see https://nodejs.org/en/docs/inspector

    ┗ ----------------------------

    Reviewed by wkzqn at 2022-05-08 16:25
Be the best website visualization builder with Vue and Electron.
Be the best website visualization builder with Vue and Electron.

vue-design English | 中文 Be the best website visualization builder with Vue and Electron. Your star is the greatest encouragement to me. ✨ Features: de

Jul 15, 2022
:package: A modern starter which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron)
:package: A modern starter  which uses Vue 2, Vuex, Vue-router and Webpack 2 (and even Electron)

VuePack is a modern Vue.js starter which uses Vue 2, Vuex, Vue-router and Webpack 2. Note I highly recommend you to try Poi, you can develop Vue.js ap

Jul 17, 2022
⏳ vue3 + electron + ts = electron template

还在开发中,欢迎提交 PR 共建! ⚡️ 简介 完全基于 v3-admin 的 Electron 项目模板,文档也请参考 v3-admin 的文档。 ⌛ 功能 - 用户管理 - 登录 - 注销 - 权限验证 - 页面权限 - 指令权限 - 多环境 - development

Jun 16, 2022
Tiny Vue component for Electron to open links in a browser. Ideal for cross environment apps (Web & Native)

Vue Flexible Link Tiny Vue Component to open links in a browser, ideal for cross environment apps(Web and Native Desktop with Electron) If you are in

Sep 14, 2021
⚡ An Electron & Nuxt.js / Vue.js quick start boilerplate with vue-cli scaffolding, electron-builder, unit/e2e testing, vue-devtools
⚡ An Electron & Nuxt.js / Vue.js quick start boilerplate with vue-cli scaffolding, electron-builder, unit/e2e testing, vue-devtools

Overview The boilerplate for making electron applications built with vue / nuxt. Currently runs with: Electron v12 Electron Builder v22 Vue v2 Nuxt v2

Jul 30, 2022
Vue3-ts-boilerplate - Packed Vue3 boilerplate with storybook, unit testing, generators, typescript, pinia, vue-router

Vue3 TS Boilerplate This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur).

Mar 10, 2022
An Electron & Vue.js template with Hot-reloading enabled and common Vue plugins, dev, debug and build scripts configured.
An Electron & Vue.js template with Hot-reloading enabled and common Vue plugins, dev, debug and build scripts configured.

Vue-Electron-Template Template for building desktop applications using Electronjs and Vue.js Overview This template takes advantage of webpack-4 with

Aug 9, 2022
A universal GUI for unit testing built with Electron and Vue.js
A universal GUI for unit testing built with Electron and Vue.js

Lode Lode is an open source Electron-based universal test runner graphical user interface. It is written in TypeScript and Vue. Getting started You ca

Jul 7, 2022
Vue Unit Test Helpers for server-side testing of client-side code

vuenit Vue Unit Test Helpers Vuenit is a testing utility that offers a number of useful methods to make testing Vue applications easier: Easily mount

Dec 8, 2021
✅ Unit testing Vuex actions with Jest mocks.

✅ Vue Test Actions Unit testing Vuex actions with Jest mocks. ?? Install npm i --save vue-test-actions or yarn add vue-test-actions ?? Usage import te

Feb 25, 2021
A dashboard scaffolding based on Vue.js created by Vue CLI.

dashboard A dashboard scaffolding based on Vue.js. Features Type annotation enhancement by JSDoc Access control by route interception Vuex (modules, p

Jul 4, 2022
A quick way to start a web map application with Vue.js using MapLibre GL JS.
A quick way to start a web map application with Vue.js using MapLibre GL JS.

Vue.js map using MapLibre GL JS A quick way to start a web map application with Vue.js using MapLibre GL JS. A simple fullscreen map application is us

May 28, 2022
CLI tool for scaffolding apps that was made with Vue.js

__ __ ____ _ ____ _ ___ \ \ / / _ _ ___ / ___| | |__ / ___| | | |_

Jan 12, 2022
A Vue, TypeScript ready boilerplate using class-style components, vue plugin options, webpack & vue-cli.

Vuets A Vue, TypeScript ready boilerplate using class-style components Usage # Download vue-cli and Vuets template npm i -g vue-cli vue init akiralain

Apr 27, 2022
webpack loader, loads the .md file and returns the webpack loader that contains the content string in the file to achieve the function of making webpack load the .md file

webpack loader, loads the .md file and returns the webpack loader that contains the content string in the file to achieve the function of making webpack load the .md file

Dec 28, 2020
🦎 Simple and complete Vue.js testing utilities that encourage good testing practices.
🦎 Simple and complete Vue.js testing utilities that encourage good testing practices.

Vue Testing Library Simple and complete Vue.js testing utilities that encourage good testing practices. Vue Testing Library is a lightweight adapter b

Aug 7, 2022
A boilerplate to quickly start a Vue project using Vuetify, Vue-i18n, Vuex, Vue-router
A boilerplate to quickly start a Vue project using Vuetify, Vue-i18n, Vuex, Vue-router

Vue, Vuetify, Vuex, Vue-router, i18n boilerplate A good way to quickly start a Vue project with good foundations ! [ Demo ] ?? Features Vue 2.x Vuetif

Aug 3, 2022
Vue3 + Vite + WindiCSS (Tailwind) Boilerplate for quick starting your Vue3 app with full support for tailwind

Use this boilerplate to quickly start your Vue3 project with WindiCSS (TailwindCSS), using vite as the build tool. Run the development server git clon

Aug 2, 2022
This boilerplate was developed to help developers build quick eCommerce sites in the Commerce.js ecosystem
This boilerplate was developed to help developers build quick eCommerce sites in the Commerce.js ecosystem

This boilerplate was developed to help developers build quick eCommerce sites in the Commerce.js ecosystem. Included is a complete, unstyled, product listing, cart, and checkout workflow to aid in fast and easy development using the Vue.js framework.

Mar 23, 2022