New Crowdin updates (#1720)

This commit is contained in:
Lea Anthony
2022-08-10 18:41:22 +10:00
committed by GitHub
parent 3f813aeb41
commit 04094ddf19
147 changed files with 7351 additions and 362 deletions
@@ -2,6 +2,9 @@
sidebar_position: 2
---
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
# Creating a Project
## Project Generation
@@ -10,8 +13,75 @@ Now that the CLI is installed, you can generate a new project by using the `wail
Pick your favourite framework:
import TabsFrameworks from "../../../src/components/frameworktabs";
<TabsFrameworks/>
<!-- @formatter:off -->
<Tabs
defaultValue="Svelte"
values={[
{label: "Svelte", value: "Svelte"},
{label: "React", value: "React"},
{label: "Vue", value: "Vue"},
{label: "Preact", value: "Preact"},
{label: "Lit", value: "Lit"},
{label: "Vanilla", value: "Vanilla"},
]}
>
<TabItem value="Svelte">
Generate a <a href={"https://svelte.dev/"}>Svelte</a> project using Javascript with:<br/><br/>
wails init -n myproject -t svelte
If you would rather use Typescript:<br/>
wails init -n myproject -t svelte-ts
</TabItem>
<TabItem value="React">
Generate a <a href={"https://reactjs.org/"}>React</a> project using Javascript with:<br/><br/>
wails init -n myproject -t react
If you would rather use Typescript:<br/>
wails init -n myproject -t react-ts
</TabItem>
<TabItem value="Vue">
Generate a <a href={"https://vuejs.org/"}>Vue</a> project using Javascript with:<br/><br/>
wails init -n myproject -t vue
If you would rather use Typescript:<br/>
wails init -n myproject -t vue-ts
</TabItem>
<TabItem value="Preact">
Generate a <a href={"https://preactjs.com/"}>Preact</a> project using Javascript with:<br/><br/>
wails init -n myproject -t preact
If you would rather use Typescript:<br/>
wails init -n myproject -t preact-ts
</TabItem>
<TabItem value="Lit">
Generate a <a href={"https://lit.dev/"}>Lit</a> project using Javascript with:<br/><br/>
wails init -n myproject -t lit
If you would rather use Typescript:<br/>
wails init -n myproject -t lit-ts
</TabItem>
<TabItem value="Vanilla">
Generate a Vanilla project using Javascript with:<br/><br/>
wails init -n myproject -t vanilla
If you would rather use Typescript:<br/>
wails init -n myproject -t vanilla-ts
</TabItem>
</Tabs>
<!-- @formatter:on -->
<hr/>
@@ -2,6 +2,9 @@
sidebar_position: 1
---
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
# Installation
## Supported Platforms
@@ -37,8 +40,40 @@ Run `npm --version` to verify.
You will also need to install platform specific dependencies:
import TabsInstaller from "../../../src/components/tabinstall";
<TabsInstaller />
<!-- @formatter:off -->
<Tabs
defaultValue="Windows"
values={[
{label: "Windows", value: "Windows"},
{label: "MacOS", value: "MacOS"},
{label: "Linux", value: "Linux"},
]}
>
<TabItem value="MacOS">
Wails requires that the xcode command line tools are installed. This can be done by running: <br/>
<code>xcode-select --install</code>
</TabItem>
<TabItem value="Windows">
Wails requires that the <a
href="https://developer.microsoft.com/en-us/microsoft-edge/webview2/">WebView2</a>{" "}
runtime is installed. Some Windows installations will already have this installed. You can check using
the{" "}
<code>wails doctor</code> command (see below).
</TabItem>
<TabItem value={"Linux"}>
Linux required the standard <code>gcc</code> build tools
plus <code>libgtk3</code> and <code>libwebkit</code>.
Rather than list a ton of commands for different distros, Wails can try to determine
what the installation commands are for your specific distribution. Run <code>wails doctor</code> after
installation
to be shown how to install the dependencies.
If your distro/package manager is not supported, please consult the {" "}
<a href={"/docs/guides/linux-distro-support"}>Add Linux Distro</a> guide.
</TabItem>
</Tabs>
<!-- @formatter:on -->
## Optional Dependencies
@@ -2,6 +2,9 @@
sidebar_position: 2
---
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
# Creating a Project
## Project Generation
@@ -10,8 +13,75 @@ Now that the CLI is installed, you can generate a new project by using the `wail
Pick your favourite framework:
import TabsFrameworks from "../../../src/components/frameworktabs";
<TabsFrameworks/>
<!-- @formatter:off -->
<Tabs
defaultValue="Svelte"
values={[
{label: "Svelte", value: "Svelte"},
{label: "React", value: "React"},
{label: "Vue", value: "Vue"},
{label: "Preact", value: "Preact"},
{label: "Lit", value: "Lit"},
{label: "Vanilla", value: "Vanilla"},
]}
>
<TabItem value="Svelte">
Generate a <a href={"https://svelte.dev/"}>Svelte</a> project using Javascript with:<br/><br/>
wails init -n myproject -t svelte
If you would rather use Typescript:<br/>
wails init -n myproject -t svelte-ts
</TabItem>
<TabItem value="React">
Generate a <a href={"https://reactjs.org/"}>React</a> project using Javascript with:<br/><br/>
wails init -n myproject -t react
If you would rather use Typescript:<br/>
wails init -n myproject -t react-ts
</TabItem>
<TabItem value="Vue">
Generate a <a href={"https://vuejs.org/"}>Vue</a> project using Javascript with:<br/><br/>
wails init -n myproject -t vue
If you would rather use Typescript:<br/>
wails init -n myproject -t vue-ts
</TabItem>
<TabItem value="Preact">
Generate a <a href={"https://preactjs.com/"}>Preact</a> project using Javascript with:<br/><br/>
wails init -n myproject -t preact
If you would rather use Typescript:<br/>
wails init -n myproject -t preact-ts
</TabItem>
<TabItem value="Lit">
Generate a <a href={"https://lit.dev/"}>Lit</a> project using Javascript with:<br/><br/>
wails init -n myproject -t lit
If you would rather use Typescript:<br/>
wails init -n myproject -t lit-ts
</TabItem>
<TabItem value="Vanilla">
Generate a Vanilla project using Javascript with:<br/><br/>
wails init -n myproject -t vanilla
If you would rather use Typescript:<br/>
wails init -n myproject -t vanilla-ts
</TabItem>
</Tabs>
<!-- @formatter:on -->
<hr/>
@@ -2,6 +2,9 @@
sidebar_position: 1
---
import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem";
# Installation
## Supported Platforms
@@ -37,8 +40,40 @@ Run `npm --version` to verify.
You will also need to install platform specific dependencies:
import TabsInstaller from "../../../src/components/tabinstall";
<TabsInstaller />
<!-- @formatter:off -->
<Tabs
defaultValue="Windows"
values={[
{label: "Windows", value: "Windows"},
{label: "MacOS", value: "MacOS"},
{label: "Linux", value: "Linux"},
]}
>
<TabItem value="MacOS">
Wails requires that the xcode command line tools are installed. This can be done by running: <br/>
<code>xcode-select --install</code>
</TabItem>
<TabItem value="Windows">
Wails requires that the <a
href="https://developer.microsoft.com/en-us/microsoft-edge/webview2/">WebView2</a>{" "}
runtime is installed. Some Windows installations will already have this installed. You can check using
the{" "}
<code>wails doctor</code> command (see below).
</TabItem>
<TabItem value={"Linux"}>
Linux required the standard <code>gcc</code> build tools
plus <code>libgtk3</code> and <code>libwebkit</code>.
Rather than list a ton of commands for different distros, Wails can try to determine
what the installation commands are for your specific distribution. Run <code>wails doctor</code> after
installation
to be shown how to install the dependencies.
If your distro/package manager is not supported, please consult the {" "}
<a href={"/docs/guides/linux-distro-support"}>Add Linux Distro</a> guide.
</TabItem>
</Tabs>
<!-- @formatter:on -->
## Optional Dependencies