-
Notifications
You must be signed in to change notification settings - Fork 1.5k
Portuguese Translation #388
Conversation
|
||
## 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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Change
nescessidade
tonecessidade
- Change
manualmente todo a
tomanualmente toda a
|
||
Coisas que você vai achar no projeto... | ||
|
||
* Estrutura basica de projeto, com arquivo um **unico** `package.json` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Change
basica
tobá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) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Change
acessivel
toacessí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` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Change
customizavel
tocustomizável
npm install -g vue-cli | ||
vue init simulatedgreg/electron-vue my-project | ||
|
||
# Instala as dependencias e executa seu app (your app) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Change
dependencias
todependências
yarn run dev # ou npm run dev | ||
``` | ||
|
||
##### Você e um usuario de Windows |
There was a problem hiding this comment.
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
toVocê é 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. |
There was a problem hiding this comment.
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
todependê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)\). |
There was a problem hiding this comment.
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
toAponte 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. |
There was a problem hiding this comment.
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
toTambé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. |
There was a problem hiding this comment.
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.
toDe uma olhada nesses projetos impressionantes usando electron-vue. Quer que seu projeto seja listado aqui? Sinta-se livre de enviar um pull request.
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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Change
ferrametas
toferramentas
- Change
Durante vue-cli a estruturação você será perguntado quanto ao builder que deseja usar.
toDurante 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ê. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Change
contruindo
toconstruindo
@@ -0,0 +1,14 @@ | |||
# Desenvolvimento | |||
|
|||
### Configurando ambiente de desenvolvimento |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Change
Configurando ambiente
toConfigurando 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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Change
reunir
toreú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. |
There was a problem hiding this comment.
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 debeforeEach
eafterEach
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 |
There was a problem hiding this comment.
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 |
There was a problem hiding this comment.
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)\). |
There was a problem hiding this comment.
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)\). |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Change
declardo
todeclarado
- Change
ele pode ser acessadp peçlo
topode ser feito pelo
- Change
Por conta disso, e
toPor conta disso, é
- Change
mais informa
tomais 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. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- Change
desenvolviment
todesenvolvimento
I'll aprove this change since @JotaPe doesn't have time to finish it, so I'll do this changes in a future PR |
Thank you @marceloavf for helping |
Modify order to retain order in which translations were added.
Thank you @marceloavf and @JotaPe! |
Because of some problems me and my friend doesn't have time to finish, but most of the files are complete.