mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
Merge pull request #2761 from abnersajr/ptBr-translations
Pt br translations
This commit is contained in:
@@ -1,10 +1,11 @@
|
|||||||
# Build
|
# Build
|
||||||
This page is also available in [Japanese](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [Korean](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [Russain](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [Simplified Chinese](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md), [French](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/build.md) and [German](https://github.com/BoostIO/Boostnote/blob/master/docs/de/build.md).
|
|
||||||
|
This page is also available in [Japanese](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [Korean](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [Russain](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [Simplified Chinese](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md), [French](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/build.md), [Portuguese](https://github.com/BoostIO/Boostnote/blob/master/docs/pt_BR/build.md) and [German](https://github.com/BoostIO/Boostnote/blob/master/docs/de/build.md).
|
||||||
|
|
||||||
## Environments
|
## Environments
|
||||||
|
|
||||||
* npm: 6.x
|
- npm: 6.x
|
||||||
* node: 8.x
|
- node: 8.x
|
||||||
|
|
||||||
## Development
|
## Development
|
||||||
|
|
||||||
@@ -24,7 +25,9 @@ $ yarn run dev
|
|||||||
```
|
```
|
||||||
|
|
||||||
> ### Notice
|
> ### Notice
|
||||||
|
>
|
||||||
> There are some cases where you have to refresh the app manually.
|
> There are some cases where you have to refresh the app manually.
|
||||||
|
>
|
||||||
> 1. When editing a constructor method of a component
|
> 1. When editing a constructor method of a component
|
||||||
> 2. When adding a new css class (similar to 1: the CSS class is re-written by each component. This process occurs at the Constructor method.)
|
> 2. When adding a new css class (similar to 1: the CSS class is re-written by each component. This process occurs at the Constructor method.)
|
||||||
|
|
||||||
@@ -51,7 +54,6 @@ Distribution packages are created by exec `grunt build` on Linux platform (e.g.
|
|||||||
|
|
||||||
After installing the supported version of `node` and `npm`, install build dependency packages.
|
After installing the supported version of `node` and `npm`, install build dependency packages.
|
||||||
|
|
||||||
|
|
||||||
Ubuntu/Debian:
|
Ubuntu/Debian:
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|||||||
@@ -1,10 +1,11 @@
|
|||||||
# Build
|
# Build
|
||||||
Diese Seite ist auch verfügbar in [Japanisch](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [Koreanisch](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [Russisch](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [Vereinfachtem Chinesisch](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md), [Französisch](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/build.md) und [Deutsch](https://github.com/BoostIO/Boostnote/blob/master/docs/de/build.md).
|
|
||||||
|
Diese Seite ist auch verfügbar in [Japanisch](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [Koreanisch](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [Russisch](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [Vereinfachtem Chinesisch](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md), [Französisch](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/build.md), [Portugiesisch](https://github.com/BoostIO/Boostnote/blob/master/docs/pt_BR/build.md) und [Deutsch](https://github.com/BoostIO/Boostnote/blob/master/docs/de/build.md).
|
||||||
|
|
||||||
## Umgebungen
|
## Umgebungen
|
||||||
|
|
||||||
* npm: 6.x
|
- npm: 6.x
|
||||||
* node: 8.x
|
- node: 8.x
|
||||||
|
|
||||||
## Entwicklung
|
## Entwicklung
|
||||||
|
|
||||||
@@ -24,7 +25,9 @@ $ yarn run dev
|
|||||||
```
|
```
|
||||||
|
|
||||||
> ### Notiz
|
> ### Notiz
|
||||||
|
>
|
||||||
> Es gibt einige Fälle bei denen die App manuell zu refreshen ist.
|
> Es gibt einige Fälle bei denen die App manuell zu refreshen ist.
|
||||||
|
>
|
||||||
> 1. Wenn eine "constructor method" einer Komponente manuell editiert wird.
|
> 1. Wenn eine "constructor method" einer Komponente manuell editiert wird.
|
||||||
> 2. Wenn eine neue CSS Klasse ergänzt wird (ähnlich wie 1: die CSS Klasse wird von jeder Komponenete neu geschrieben. Dieser Prozess passiert in der "Constructor method".)
|
> 2. Wenn eine neue CSS Klasse ergänzt wird (ähnlich wie 1: die CSS Klasse wird von jeder Komponenete neu geschrieben. Dieser Prozess passiert in der "Constructor method".)
|
||||||
|
|
||||||
@@ -51,7 +54,6 @@ Distributions Pakete können mittels `grunt build` auf Linux Plattformen (e.g. U
|
|||||||
|
|
||||||
Nach der Installation der supporteten Version von `node` and `npm`, installiere auch build dependency packages.
|
Nach der Installation der supporteten Version von `node` and `npm`, installiere auch build dependency packages.
|
||||||
|
|
||||||
|
|
||||||
Ubuntu/Debian:
|
Ubuntu/Debian:
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|||||||
@@ -1,9 +1,8 @@
|
|||||||
# How to debug Boostnote (Electron app)
|
# How to debug Boostnote (Electron app)
|
||||||
|
|
||||||
Diese Seite ist auch verfügbar in [Japanisch](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/debug.md), [Koreanisch](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/debug.md), [Russisch](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/debug.md), [Vereinfachtem Chinesisch](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/debug.md), [Französisch](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/debug.md) und [Deutsch](https://github.com/BoostIO/Boostnote/blob/master/docs/de/debug.md).
|
Diese Seite ist auch verfügbar in [Japanisch](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/debug.md), [Koreanisch](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/debug.md), [Russisch](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/debug.md), [Vereinfachtem Chinesisch](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/debug.md), [Französisch](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/debug.md), [Portugiesisch](https://github.com/BoostIO/Boostnote/blob/master/docs/pt_BR/debug.md) und [Deutsch](https://github.com/BoostIO/Boostnote/blob/master/docs/de/debug.md).
|
||||||
|
|
||||||
|
Boostnote ist eine Electron App und basiert auf Chromium.
|
||||||
Boostnote ist eine Electron App und basiert auf Chromium.
|
|
||||||
|
|
||||||
Zum Entwicklen verwendest du am Besten die `Developer Tools` von Google Chrome verwenden. Diese kannst du ganz einfach im unter dem Menüpunkt `View` mit `Toggle Developer Tools` aktivieren:
|
Zum Entwicklen verwendest du am Besten die `Developer Tools` von Google Chrome verwenden. Diese kannst du ganz einfach im unter dem Menüpunkt `View` mit `Toggle Developer Tools` aktivieren:
|
||||||
|
|
||||||
@@ -13,10 +12,9 @@ Die Anzeige der `Developer Tools` sieht in etwa so aus:
|
|||||||
|
|
||||||

|

|
||||||
|
|
||||||
|
|
||||||
## Debugging
|
## Debugging
|
||||||
|
|
||||||
Fehlermeldungen werden in der Regel in der `console` ausgegeben, die du über den gleichnamigen Reiter der `Developer Tools` anzeigen lassen kannst. Zum Debuggen kannst du beispielsweise über den `debugger` Haltepunkte im Code setzen.
|
Fehlermeldungen werden in der Regel in der `console` ausgegeben, die du über den gleichnamigen Reiter der `Developer Tools` anzeigen lassen kannst. Zum Debuggen kannst du beispielsweise über den `debugger` Haltepunkte im Code setzen.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
@@ -24,8 +22,8 @@ Du kannst aber natürlich auch die Art von Debugging verwenden mit der du am bes
|
|||||||
|
|
||||||
## Referenz
|
## Referenz
|
||||||
|
|
||||||
* [Official document of Google Chrome about debugging](https://developer.chrome.com/devtools)
|
- [Official document of Google Chrome about debugging](https://developer.chrome.com/devtools)
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
Special thanks: Translated by [gino909](https://github.com/gino909), [mdeuerlein](https://github.com/mdeuerlein)
|
Special thanks: Translated by [gino909](https://github.com/gino909), [mdeuerlein](https://github.com/mdeuerlein)
|
||||||
|
|||||||
@@ -1,8 +1,9 @@
|
|||||||
# How to debug Boostnote (Electron app)
|
# How to debug Boostnote (Electron app)
|
||||||
|
|
||||||
This page is also available in [Japanese](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/debug.md), [Korean](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/debug.md), [Russain](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/debug.md), [Simplified Chinese](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/debug.md), [French](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/debug.md) and [German](https://github.com/BoostIO/Boostnote/blob/master/docs/de/debug.md).
|
This page is also available in [Japanese](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/debug.md), [Korean](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/debug.md), [Russain](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/debug.md), [Simplified Chinese](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/debug.md), [French](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/debug.md), [Portuguese](https://github.com/BoostIO/Boostnote/blob/master/docs/pt_BR/debug.md) and [German](https://github.com/BoostIO/Boostnote/blob/master/docs/de/debug.md).
|
||||||
|
|
||||||
## Debug with Google Chrome developer Tools
|
## Debug with Google Chrome developer Tools
|
||||||
|
|
||||||
Boostnote is an Electron app so it's based on Chromium; developers can use `Developer Tools` just like Google Chrome.
|
Boostnote is an Electron app so it's based on Chromium; developers can use `Developer Tools` just like Google Chrome.
|
||||||
|
|
||||||
You can toggle the `Developer Tools` like this:
|
You can toggle the `Developer Tools` like this:
|
||||||
@@ -14,6 +15,7 @@ The `Developer Tools` will look like this:
|
|||||||
When errors occur, the error messages are displayed at the `console`.
|
When errors occur, the error messages are displayed at the `console`.
|
||||||
|
|
||||||
### Debugging
|
### Debugging
|
||||||
|
|
||||||
For example, you can use the `debugger` to set a breakpoint in the code like this:
|
For example, you can use the `debugger` to set a breakpoint in the code like this:
|
||||||
|
|
||||||

|

|
||||||
@@ -21,16 +23,18 @@ For example, you can use the `debugger` to set a breakpoint in the code like thi
|
|||||||
This is just an illustrative example, you should find a way to debug which fits your style.
|
This is just an illustrative example, you should find a way to debug which fits your style.
|
||||||
|
|
||||||
### References
|
### References
|
||||||
* [Official document of Google Chrome about debugging](https://developer.chrome.com/devtools)
|
|
||||||
|
- [Official document of Google Chrome about debugging](https://developer.chrome.com/devtools)
|
||||||
|
|
||||||
## Debug with Visual Studio Code
|
## Debug with Visual Studio Code
|
||||||
|
|
||||||
1. Install **[Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome "Install Debugger for Chrome")** plugin for Visual Studio Code. Then restart it.
|
1. Install **[Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome 'Install Debugger for Chrome')** plugin for Visual Studio Code. Then restart it.
|
||||||
2. Pressing **Shift+Command+B** or running **Run Build Task** from the global **Terminal** menu, then pick the task named **Build Boostnote**. Or run `yarn run watch` from the terminal.
|
2. Pressing **Shift+Command+B** or running **Run Build Task** from the global **Terminal** menu, then pick the task named **Build Boostnote**. Or run `yarn run watch` from the terminal.
|
||||||
3. When above task is running, open **Debug view** in **Activity Bar** on the side of VS Code or use shortcut **Shift+Command+D**.
|
3. When above task is running, open **Debug view** in **Activity Bar** on the side of VS Code or use shortcut **Shift+Command+D**.
|
||||||
4. Select the configuration named **Boostnote All** from the **Debug configuration**, then click the green arrow button or press **F5** to start debugging.
|
4. Select the configuration named **Boostnote All** from the **Debug configuration**, then click the green arrow button or press **F5** to start debugging.
|
||||||
5. Now you should find **Boostnote** is running. You will see two processes running, one named **Boostnote Main** and the other named **Boostnote Renderer**. Now you can set **debug breakpoints** in vscode. If you find your **breakpoints** is unverified, you need to switch to the appropriate process between **Boostnote Renderer** and **Boostnote Main**.
|
5. Now you should find **Boostnote** is running. You will see two processes running, one named **Boostnote Main** and the other named **Boostnote Renderer**. Now you can set **debug breakpoints** in vscode. If you find your **breakpoints** is unverified, you need to switch to the appropriate process between **Boostnote Renderer** and **Boostnote Main**.
|
||||||
|
|
||||||
### References
|
### References
|
||||||
* [Electron application debugging](https://electronjs.org/docs/tutorial/application-debugging)
|
|
||||||
* [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
|
- [Electron application debugging](https://electronjs.org/docs/tutorial/application-debugging)
|
||||||
|
- [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
|
||||||
|
|||||||
@@ -1,10 +1,11 @@
|
|||||||
# Build
|
# Build
|
||||||
Cette page est également disponible en [Anglais](https://github.com/BoostIO/Boostnote/blob/master/docs/build.md), [Japonais](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [Coréen](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [Russe](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [Chinois Simplifié](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md) et en [Allemand](https://github.com/BoostIO/Boostnote/blob/master/docs/de/build.md)
|
|
||||||
|
Cette page est également disponible en [Anglais](https://github.com/BoostIO/Boostnote/blob/master/docs/build.md), [Japonais](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [Coréen](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [Russe](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [Chinois Simplifié](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md), [Portugais](https://github.com/BoostIO/Boostnote/blob/master/docs/pt_BR/build.md) et en [Allemand](https://github.com/BoostIO/Boostnote/blob/master/docs/de/build.md)
|
||||||
|
|
||||||
## Environnements
|
## Environnements
|
||||||
|
|
||||||
* npm: 6.x
|
- npm: 6.x
|
||||||
* node: 8.x
|
- node: 8.x
|
||||||
|
|
||||||
## Développement
|
## Développement
|
||||||
|
|
||||||
@@ -16,6 +17,7 @@ Installez les paquets requis à l'aide de `yarn`.
|
|||||||
```
|
```
|
||||||
$ yarn
|
$ yarn
|
||||||
```
|
```
|
||||||
|
|
||||||
Build et start
|
Build et start
|
||||||
|
|
||||||
```
|
```
|
||||||
@@ -23,7 +25,9 @@ $ yarn run dev
|
|||||||
```
|
```
|
||||||
|
|
||||||
> ### Notice
|
> ### Notice
|
||||||
|
>
|
||||||
> Il y a certains cas où vous voudrez relancer l'application manuellement.
|
> Il y a certains cas où vous voudrez relancer l'application manuellement.
|
||||||
|
>
|
||||||
> 1. Quand vous éditez la méthode constructeur dans un composant
|
> 1. Quand vous éditez la méthode constructeur dans un composant
|
||||||
> 2. Quand vous ajoutez une nouvelle classe css. (Comme pour 1: la classe est réécrite pour chaque composant. Le process intervient dans la méthode constructeur)
|
> 2. Quand vous ajoutez une nouvelle classe css. (Comme pour 1: la classe est réécrite pour chaque composant. Le process intervient dans la méthode constructeur)
|
||||||
|
|
||||||
@@ -37,6 +41,7 @@ Nous avons donc préparé un script séparé qui va rendre un fichier exécutabl
|
|||||||
```
|
```
|
||||||
grunt pre-build
|
grunt pre-build
|
||||||
```
|
```
|
||||||
|
|
||||||
Vous trouverez l'exécutable dans le dossier `dist`.
|
Vous trouverez l'exécutable dans le dossier `dist`.
|
||||||
Note : l'auto updater ne marchera pas car l'application n'est pas signée.
|
Note : l'auto updater ne marchera pas car l'application n'est pas signée.
|
||||||
|
|
||||||
@@ -50,7 +55,6 @@ Les paquets sont créés en exécutant `grunt build` sur une plateforme Linux (e
|
|||||||
|
|
||||||
Après avoir installé la version supportée de `node` et de `npm`, installer les paquets de builds.
|
Après avoir installé la version supportée de `node` et de `npm`, installer les paquets de builds.
|
||||||
|
|
||||||
|
|
||||||
Ubuntu/Debian:
|
Ubuntu/Debian:
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|||||||
75
docs/pt_BR/build.md
Normal file
75
docs/pt_BR/build.md
Normal file
@@ -0,0 +1,75 @@
|
|||||||
|
# Build
|
||||||
|
|
||||||
|
Esta página também está disponível em [Japônes](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [Coreano](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [Russo](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [Chinês simplificado](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md), [Francês](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/build.md) e [Alemão](https://github.com/BoostIO/Boostnote/blob/master/docs/de/build.md).
|
||||||
|
|
||||||
|
## Ambiente
|
||||||
|
|
||||||
|
- npm: 6.x
|
||||||
|
- node: 8.x
|
||||||
|
|
||||||
|
## Desenvolvimento
|
||||||
|
|
||||||
|
Nós usamos o Webpack HMR para desenvolver o Boostnote.
|
||||||
|
Ao executar os seguintes comandos no diretório raiz do projeto, o Boostnote será iniciado com as configurações padrão.
|
||||||
|
|
||||||
|
Instala os pacotes necessários usando o yarn.
|
||||||
|
|
||||||
|
```
|
||||||
|
$ yarn
|
||||||
|
```
|
||||||
|
|
||||||
|
Gerar e iniciar.
|
||||||
|
|
||||||
|
```
|
||||||
|
$ yarn run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
> ### Notice
|
||||||
|
>
|
||||||
|
> Existe alguns casos onde você precisa atualizar o app manualmente.
|
||||||
|
>
|
||||||
|
> 1. Quando editar um método construtor de um componente
|
||||||
|
> 2. Quando adicionar uma nova classe de css (similiar ao 1: a classe do css é reescrita por cada componente. Esse processo ocorre através do método construtor)
|
||||||
|
|
||||||
|
## Deploy
|
||||||
|
|
||||||
|
Nós usamos o Grunt para automatizar o desenvolvimento.
|
||||||
|
Você pode gerar o programa usando `grunt`. Contudo, nós não recomendamos isso porque a tarefa padrão inclui _codedesign_ e _authenticode_.
|
||||||
|
|
||||||
|
Então nós preparamos um _script_ separado, o qual somente cria um executável.
|
||||||
|
|
||||||
|
```
|
||||||
|
grunt pre-build
|
||||||
|
```
|
||||||
|
|
||||||
|
Você irá encontrar o executável na pasta `dist`. Nota: o atualizador automático não funciona porque o app não está certificado.
|
||||||
|
|
||||||
|
Se você achar isto necessário, você pode usar o _codesign_ ou o _authenticode_ com esse executável.
|
||||||
|
|
||||||
|
## Faça seus próprios pacotes de distribuição (deb, rpm)
|
||||||
|
|
||||||
|
Pacotes de distribuição são gerados através do comando `grunt build` em plataforma Linux (e.g. Ubuntu, Fedora).
|
||||||
|
|
||||||
|
> Nota: você pode criar `.deb` e `.rpm` em um mesmo ambiente.
|
||||||
|
|
||||||
|
Depois de instalar uma versão suportada do `node` e do `npm`, deve-se instalar as dependências para gerar os pacotes.
|
||||||
|
|
||||||
|
Ubuntu/Debian:
|
||||||
|
|
||||||
|
```
|
||||||
|
$ sudo apt-get install -y rpm fakeroot
|
||||||
|
```
|
||||||
|
|
||||||
|
Fedora:
|
||||||
|
|
||||||
|
```
|
||||||
|
$ sudo dnf install -y dpkg dpkg-dev rpm-build fakeroot
|
||||||
|
```
|
||||||
|
|
||||||
|
Então execute `grunt build`.
|
||||||
|
|
||||||
|
```
|
||||||
|
$ grunt build
|
||||||
|
```
|
||||||
|
|
||||||
|
Você vai encontrar o `.deb` e o `.rpm` na pasta`dist`.
|
||||||
40
docs/pt_BR/debug.md
Normal file
40
docs/pt_BR/debug.md
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
# Como debugar Boostnote (app Electron)
|
||||||
|
|
||||||
|
Esta página também está disponível em [Japônes](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/debug.md), [Coreano](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/debug.md), [Russo](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/debug.md), [Chinês simplificado](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/debug.md), [Francês](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/debug.md) e [Alemão](https://github.com/BoostIO/Boostnote/blob/master/docs/de/debug.md).
|
||||||
|
|
||||||
|
## Debugar com o Google Chrome developer Tools
|
||||||
|
|
||||||
|
Boostnote é um app Electron, por isso ele é baseado no Chromium; desenvolvedores podem usar o `Developer Tools` igual no Google Chrome.
|
||||||
|
|
||||||
|
Você pode habilitar e desabilitar o `Developer Tools` assim:
|
||||||
|

|
||||||
|
|
||||||
|
O `Developer Tools` deve parecer assim:
|
||||||
|

|
||||||
|
|
||||||
|
Quando erros acontecem, eles são apresentados na aba `console`.
|
||||||
|
|
||||||
|
### Debugando
|
||||||
|
|
||||||
|
Por exemplo, você pode usar o `debugger` para adicionar um _breakpoint_ (ponto de parada) no código dessa forma:
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
|
Isso é só um exemplo ilustrativo, mas você deve encontrar um jeito de debugar que encaixe no seu estilo.
|
||||||
|
|
||||||
|
### Referências
|
||||||
|
|
||||||
|
- [Documentação do Google Chrome sobre como debugar](https://developer.chrome.com/devtools)
|
||||||
|
|
||||||
|
## Debugar com o Visual Studio Code (VS Code)
|
||||||
|
|
||||||
|
1. Instale o plugin **[Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome 'Instale o pacote Debugger for Chrome')** para Visual Studio Code. Então reinicie-o.
|
||||||
|
2. Pressione **Shift+Command+B** ou execute **Run Build Task** do menu global **Terminal**, então seleciona a task **Build Boostnote**. Ou execute `yarn run watch` no terminal.
|
||||||
|
3. Quando a task acima estiver rodando, abra o **Debug view** na **Activity Bar** no lado do seu VS Code ou use o atalho **Shift+Command+D**.
|
||||||
|
4. Selecione a configuração **Boostnote All** no **Debug configuration**, então clique na seta verde ou aperte **F5** para começar a debugar.
|
||||||
|
5. Agora você deve encontrar seu **Boostnote** rodando. Você vai ver dois processos rodando, um com nome de **Boostnote Main** e outro com nome de **Boostnote Renderer**. Agora você pode adicionar os **debug breakpoints** no vscode. Se os seus **breakpoints** não forem alertados você pode precisar altenrar entre os processos **Boostnote Renderer** e **Boostnote Main**.
|
||||||
|
|
||||||
|
### Referências
|
||||||
|
|
||||||
|
- [Debugando uma aplicação Electron](https://electronjs.org/docs/tutorial/application-debugging)
|
||||||
|
- [Debugger for Chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome)
|
||||||
@@ -1,10 +1,11 @@
|
|||||||
# 編譯
|
# 編譯
|
||||||
此文件還提供下列的語言 [日文](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [韓文](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [俄文](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [簡體中文](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md), [法文](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/build.md) and [德文](https://github.com/BoostIO/Boostnote/blob/master/docs/de/build.md).
|
|
||||||
|
此文件還提供下列的語言 [日文](https://github.com/BoostIO/Boostnote/blob/master/docs/jp/build.md), [韓文](https://github.com/BoostIO/Boostnote/blob/master/docs/ko/build.md), [俄文](https://github.com/BoostIO/Boostnote/blob/master/docs/ru/build.md), [簡體中文](https://github.com/BoostIO/Boostnote/blob/master/docs/zh_CN/build.md), [法文](https://github.com/BoostIO/Boostnote/blob/master/docs/fr/build.md), [葡萄牙](https://github.com/BoostIO/Boostnote/blob/master/docs/pt_BR/build.md) and [德文](https://github.com/BoostIO/Boostnote/blob/master/docs/de/build.md).
|
||||||
|
|
||||||
## 環境
|
## 環境
|
||||||
|
|
||||||
* npm: 6.x
|
- npm: 6.x
|
||||||
* node: 8.x
|
- node: 8.x
|
||||||
|
|
||||||
## 開發
|
## 開發
|
||||||
|
|
||||||
@@ -25,7 +26,9 @@ $ yarn run dev
|
|||||||
```
|
```
|
||||||
|
|
||||||
> ### Notice
|
> ### Notice
|
||||||
|
>
|
||||||
> There are some cases where you have to refresh the app manually.
|
> There are some cases where you have to refresh the app manually.
|
||||||
|
>
|
||||||
> 1. When editing a constructor method of a component
|
> 1. When editing a constructor method of a component
|
||||||
> 2. When adding a new css class (similar to 1: the CSS class is re-written by each component. This process occurs at the Constructor method.)
|
> 2. When adding a new css class (similar to 1: the CSS class is re-written by each component. This process occurs at the Constructor method.)
|
||||||
|
|
||||||
@@ -52,7 +55,6 @@ Distribution packages are created by exec `grunt build` on Linux platform (e.g.
|
|||||||
|
|
||||||
After installing the supported version of `node` and `npm`, install build dependency packages.
|
After installing the supported version of `node` and `npm`, install build dependency packages.
|
||||||
|
|
||||||
|
|
||||||
Ubuntu/Debian:
|
Ubuntu/Debian:
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|||||||
Reference in New Issue
Block a user