🐈

Gustavo Donegá Queiroz gdonega

🐈

Developer 🐱‍👤🐱‍💻

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 / medium-criar-um-projeto-electron-que-utilize-vuejs-VueApp-#1.vue

Last active May 10, 2020 22:06

VueApp.vue dev versão #1

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 / 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 / medium-criar-um-projeto-electron-que-utilize-vuejs-index-teste.html

Created May 10, 2020 01:06

index.html de teste do Electron

gdonega / medium-criar-um-projeto-electron-que-utilize-vuejs-app.main-#1.js

Last active October 26, 2020 18:35

Primeira versão do app.main.js

	const { app, BrowserWindow } = require('electron')

	function createWindow () {
	// Cria uma janela de navegação.
	const win = new BrowserWindow({
	width: 800,
	height: 600,
	webPreferences: {
	nodeIntegration: true
	}

gdonega / medium-criar-um-projeto-electron-que-utilize-vuejs-package-#1.json

Last active June 10, 2020 02:28

Primeiras alterações no package.json

	{
	"name": "electron-with-vue",
	"version": "1.0.0",
	"description": "A base Electron project using Vue.js",
	"main": "app.main.js",
	"scripts": {
	"start": "electron ."
	},
	"author": "gdonega",
	"license": "ISC",

Last active May 9, 2020 21:01

package.json original na geração do projeto

	{
	"name": "electron-with-vue",
	"version": "1.0.0",
	"description": "A base Electron project using Vue.js",
	"main": "index.js",
	"scripts": {
	"test": "echo \"Error: no test specified\" && exit 1"
	},
	"author": "gdonega",
	"license": "ISC",

gdonega / medium-criar-um-projeto-electron-que-utilize-vuejs-npmInitConfig

Last active May 9, 2020 19:37

npm init's configuration

	package name: electron-with-vue (foi o valor padrão pra mim)
	version: 1.0.0 (é o valor padrão)
	description: A base Electron project using Vue.js
	entry point: index.js (é o valor padrão)
	test command: (deixei vazio)
	git repository: (deixei vazio)
	keywords: (deixei vazio)
	author: gdonega
	license: ISC (é o valor padrão)

Created April 6, 2020 02:37

Comandos indicados pelo audit para resolver dois problemas

	npm install --save-dev [email protected]

	npm install --save-dev [email protected]