Skip to content

Instantly share code, notes, and snippets.

View gdonega's full-sized avatar
🐈

Gustavo Donegá Queiroz gdonega

🐈
15 followers · 20 following
  • Brasil, São Paulo
View GitHub Profile
@gdonega
gdonega / medium-criar-um-projeto-electron-que-utilize-vuejs-index-teste.html
Created May 10, 2020 01:06
index.html de teste do Electron
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
</head>
<body>
<h1>Hello World!</h1>
<h1>Hello World!</h1>
<h1>Hello World!</h1>
@gdonega
gdonega / medium-criar-um-projeto-electron-que-utilize-vuejs-webpack-base-#1.js
Created May 10, 2020 19:33
Webpack base versão #1
const path = require("path");
module.exports = {
target: "web", // O nosso aplicativo pode rodar sem o Electron
entry: [path.join(__dirname, '../../../src/vue.main.js')], // O arquivo de entrada para a nossa aplicação; Esses pontos de entrada podem ser nomeados e também podemos ter vários deles, caso queira dividir o "webpack bundle" em arquivos menores para aumentar a velocidade de carregamento dos scripts entre as várias paginas do nosso app
output: {
path: path.resolve(__dirname, "../../../../dist/webpack/vue"), // Onde todos os arquivos de saída do webpack serão colocados
filename: "bundle.js" // O nome do webpack bundle que será gerado
},
module: {
@gdonega
gdonega / medium-criar-um-projeto-electron-que-utilize-vuejs-webpack-dev-#1.js
Last active May 12, 2020 03:02
Webpack dev versão #1
const HtmlWebpackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const merge = require("webpack-merge");
const base = require("./base");
const path = require("path");
const { VueLoaderPlugin } = require('vue-loader')
module.exports = merge(base, {
mode: "development",
devtool: "source-map", // Mostar o source-map, permitindo o debug
@gdonega
gdonega / medium-criar-um-projeto-electron-que-utilize-vuejs-VueApp-#1.vue
Last active May 10, 2020 22:06
VueApp.vue dev versão #1
<template>
<div id="app">
<h1>Bem vindo ao Vue.js</h1>
</div>
</template>
<script>
export default {
name: "app",
}
@gdonega
gdonega / medium-criar-um-projeto-electron-que-utilize-vuejs-vue.main-#1.js
Created May 10, 2020 21:48
vue.main.js versão #1
import Vue from 'vue'
import App from './VueApp.vue'
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
render: h => h(App)
}).$mount('#app')
@gdonega
gdonega / medium-criar-um-projeto-electron-que-utilize-vuejs-vue.index.dev-#1.html
Created May 10, 2020 22:02
vue.index.dev versão #1
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
</head>
<body>
<div id="app"></div>
</body>
</html>
@gdonega
gdonega / medium-criar-um-projeto-electron-que-utilize-vuejs-app.main-#2.js
Last active May 11, 2020 02:03
Segunda versão do app.main.js
const { app, BrowserWindow } = require('electron')
const port = 40992; // Deve ser a mesma porta do Servidor Vue.js (webpack de desenvolvimento): no arquivo que está em app/config/vue/webpacks/dev.js (partindo da raiz do projeto)
const selfHost = `http://localhost:${port}`;
function createWindow () {
// Cria uma janela de navegação.
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
@gdonega
gdonega / medium-criar-um-projeto-electron-que-utilize-vuejs-package-#2.json
Created May 13, 2020 01:11
Segunda versão do package.json
{
"name": "electron-with-vue",
"version": "1.0.0",
"description": "A base Electron project using Vue.js",
"main": "app.main.js",
"scripts": {
"dev-electron-start-app": "cross-env NODE_ENV=development electron .",
"dev-vue-start-server": "cross-env NODE_ENV=development webpack-dev-server --config ./app/config/vue/webpacks/dev.js",
"dev": "concurrently \"npm run dev-vue-start-server\" \"npm run dev-electron-start-app\" -k"
},
@gdonega
gdonega / medium-criar-um-projeto-electron-que-utilize-vuejs-webpack-prod-#1.js
Last active May 23, 2020 04:26
Webpack prod versão #1
const HtmlWebpackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const merge = require("webpack-merge");
const base = require("./base");
const path = require("path");
const { VueLoaderPlugin } = require('vue-loader')
module.exports = merge(base, {
mode: "production",
devtool: "nosources-source-map",
@gdonega
gdonega / medium-criar-um-projeto-electron-que-utilize-vuejs-electron-config-protocol-#1.js
Last active May 25, 2020 19:37
Protocol versão #1 --- DERIVADO DE https://github.com/moloch--/reasonably-secure-electron/blob/72ff919bd1c88a82e81dc5465f0b7a42ba769cd7/app-protocol.ts
/*
Reasonably Secure Electron
Copyright (C) 2019 Bishop Fox
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU General Public License
as published by the Free Software Foundation; either version 2
of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the