Skip to content
This repository was archived by the owner on Oct 4, 2023. It is now read-only.

Conversation

JotaPe
Copy link
Contributor

@JotaPe JotaPe commented Sep 10, 2017

Because of some problems me and my friend doesn't have time to finish, but most of the files are complete.


## Resumo

O foco do template é remover a nescessidade de criar manualmente todo a organização do projeto usando electron e o vue. electron-vue tira vantagem da `vue-cli` para receber arquivos, `webpack` com `vue-loader`, `electron-packager` ou `electron-builder`, e também os plugins mais utilizados como `vue-router`, `vuex` e muito mais.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change nescessidade to necessidade
  • Change manualmente todo a to manualmente toda a


Coisas que você vai achar no projeto...

* Estrutura basica de projeto, com arquivo um **unico** `package.json`

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change basica to básica

* Habilidade para facilmente compilar e criar o arquivo final para instalar sua aplicação usando [electron-packager](https://github.com/electron-userland/electron-packager) ou [electron-builder](https://github.com/electron-userland/electron-builder)\*
* `appveyor.yml` e `.travis.yml` configurados para automatizar o deploy com [electron-builder](https://github.com/electron-userland/electron-builder)\*
* Habilidade para produzir saidas para browsers
* Acessivel [NPM scripts](/npm_scripts.md)

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change acessivel to acessível

* Teste unitario com \(with [`karma`](https://github.com/karma-runner/karma) + [`mocha`](https://github.com/mochajs/mocha)\)\*
* End-to-end Testing \(with [`spectron`](https://github.com/electron/spectron) + [`mocha`](https://github.com/mochajs/mocha)\)\*

\*Customizavel durante o uso da `vue-cli`

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change customizavel to customizável

npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project

# Instala as dependencias e executa seu app (your app)

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change dependencias to dependências

yarn run dev # ou npm run dev
```

##### Você e um usuario de Windows

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change Você e um usuario de Windows to Você é um usuário de Windows?


##### Você e um usuario de Windows

Por favor olhe a [**Uma Nota Para Usuarios de Windows**](https://simulatedgreg.gitbooks.io/electron-vue/content/en/getting_started.html#a-note-for-windows-users) para que você tenha certeza que esta com todas as dependencias instaladas para conseguir fazer deploy e construir a aplicação.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Add a comma after Por favor
  • Change dependencias to dependências


##### Querendo usar Vue 1?

So um ponto a ser dado, a suporte ao Vue 1 foi oficialmente descontinuado então a estrutura do projeto, features e documentação vão refletir essas mudanças \([**documentação legado**](https://github.com/SimulatedGREG/electron-vue/tree/1.0/docs)\).

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change So um ponto a ser dado, a suporte ao Vue 1 foi oficialmente descontinuado então a estrutura do projeto to Aponte para o branch 1.0, o suporte ao Vue 1 foi oficialmente descontinuado, a estrutura do projeto


### Proximos Passos

Certifique-se de olhar a [documentação](https://simulatedgreg.gitbooks.io/electron-vue/content/). Aqui você vai achar informação util sobre a configuração, estrutura do projeto, e construção de sua aplicação. Tambe tem a acessivel [FAQs](https://simulatedgreg.gitbooks.io/electron-vue/content/en/faqs.html), que ajuda a responder questões ja respondidas.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change Tambe tem a acessivel to Também existe o


## Criado usando electron-vue

De uma olhada nesses projetos impressionantes, usando electron-vue. Que que seu projeto seja listado ? Se sinta livre de enviar um pull request.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change De uma olhada nesses projetos impressionantes, usando electron-vue. Que que seu projeto seja listado ? Se sinta livre de enviar um pull request. to De uma olhada nesses projetos impressionantes usando electron-vue. Quer que seu projeto seja listado aqui? Sinta-se livre de enviar um pull request.

@SimulatedGREG
Copy link
Owner

Thanks for the great contributions @JotaPe and @marceloavf. When everything is fully translated I will merge this into master.

@@ -0,0 +1,11 @@
# Construindo seu App

electron-vue dá suporte aos dois [electron-packager](https://github.com/electron-userland/electron-packager) e [electron-builder](https://github.com/electron-userland/electron-builder) para construir e distruibir sua aplicação pronta para produção. As duas ferrametas para buildar são apoiadas pela incrível comunidade [@electron-userland](https://github.com/electron-userland) e tem uma documentação detalhada. Durante `vue-cli` a estruturação você será perguntado quanto ao builder que deseja usar.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change ferrametas to ferramentas
  • Change Durante vue-cli a estruturação você será perguntado quanto ao builder que deseja usar. to Durante a instalação do vue-cli, você será questionado quanto ao builder que deseja usar.


## [`electron-packager`](using-electron-packager.md)

Se você está contruindo uma nova aplicação electron ou apenas precisa criar um simples executável, então `electron-packager` é perfeito para você.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change contruindo to construindo

@@ -0,0 +1,14 @@
# Desenvolvimento

### Configurando ambiente de desenvolvimento

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change Configurando ambiente to Configurando o ambiente


#### `index.js`

Este arquivo atua como a entrada principal para o Mocha e reunir todos os testes escritos no `specs/` para os testes.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change reunir to reúne

#### `utils.js`

Aqui você poderá encontrar funções genéricas
Here you will find generic functions that could be of use throughout your `specs/`. Base functions include a `beforeEach` and `afterEach` that handle the electron creation/destruction process.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Remove line above Aqui você poderá encontrar funções genéricas
  • Change line 40 to: Aqui você irá encontrar funções genéricas que podem ser usadas em seu specs/. A base inclui funções de beforeEach e afterEach que manuseiam a criação/destruição do processo do electron.

Aqui você poderá encontrar funções genéricas
Here you will find generic functions that could be of use throughout your `specs/`. Base functions include a `beforeEach` and `afterEach` that handle the electron creation/destruction process.

### On the subject of Spectron

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change line 42 to Sobre o Spectron


Spectron é o framework de teste oficial do [electron](http://electron.atom.io) e é utilizado no [ChromeDriver](https://sites.google.com/a/chromium.org/chromedriver/) e [WebDriverIO](http://webdriver.io/) para manipulação dos elementos DOM.

#### Using WebDriverIO

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change line 46 to Usando WebDriverIO


#### Using WebDriverIO

As stated in the Spectron [documentation](https://github.com/electron/spectron#client), access to [WebDriverIO APIs](http://webdriver.io/api.html) can be accessed through `this.app.client`. Since electron-vue uses Mocha, the context of `this` is shared between `afterEach`, `beforeEach`, and `it`. Because of this, it is important to note that ES2015 arrow functions cannot not be used in certain situations as the context of `this` will be overwritten \([more info](https://mochajs.org/#arrow-functions)\).

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Remove line 48


As stated in the Spectron [documentation](https://github.com/electron/spectron#client), access to [WebDriverIO APIs](http://webdriver.io/api.html) can be accessed through `this.app.client`. Since electron-vue uses Mocha, the context of `this` is shared between `afterEach`, `beforeEach`, and `it`. Because of this, it is important to note that ES2015 arrow functions cannot not be used in certain situations as the context of `this` will be overwritten \([more info](https://mochajs.org/#arrow-functions)\).

Como ja declardo na [documentação](https://github.com/electron/spectron#client) do Spectron, o acesso a [WebDriverIO APIs](http://webdriver.io/api.html) ele pode ser acessadp peçlo `this.app.client`. Desde que electron-vue começou a usar o mocha, no contexto de `this` e dividido entre `afterEach`, `beforeEach`, e `it`. Por conta disso, e importante saber que em certas condições as arrow functions não podem ser usadas onde o contexto de `this` vai ser sobreescrito \([mais informa](https://mochajs.org/#arrow-functions)\).

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change declardo to declarado
  • Change ele pode ser acessadp peçlo to pode ser feito pelo
  • Change Por conta disso, e to Por conta disso, é
  • Change mais informa to mais informação

@@ -0,0 +1,47 @@
# `index.html` de entrada

electron-vue se utiliza do [**`html-webpack-plugin`**](https://github.com/ampedandwired/html-webpack-plugin) para criar o `index.html` nas builds de produção. Durante o desenvolviment você ira encontrar o `index.ejs` na pasta `src/`. E aqui que você faz as mudanças no HTML de entrada.

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Change desenvolviment to desenvolvimento

@marceloavf
Copy link

I'll aprove this change since @JotaPe doesn't have time to finish it, so I'll do this changes in a future PR

@JotaPe
Copy link
Contributor Author

JotaPe commented Feb 12, 2018

Thank you @marceloavf for helping

Modify order to retain order in which translations were added.
@XanderLuciano XanderLuciano changed the title Some files translated Portuguese Translation Sep 23, 2018
@XanderLuciano XanderLuciano merged commit 32ecf6a into SimulatedGREG:master Sep 23, 2018
@XanderLuciano
Copy link
Collaborator

Thank you @marceloavf and @JotaPe!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants