mirror of
https://github.com/wailsapp/wails.git
synced 2025-05-03 01:13:03 +08:00
Fix docs again!
This commit is contained in:
Lea Anthony
parent
e9ae3e7655
commit
eea519224e
@ -10,79 +10,8 @@ Now that the CLI is installed, you can generate a new project by using the `wail
|
||||
|
||||
Pick your favourite framework:
|
||||
|
||||
|
||||
|
||||
|
||||
import Tabs from "@theme/Tabs";
|
||||
import TabItem from "@theme/TabItem";
|
||||
|
||||
<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/>
|
||||
|
||||
<code>wails init -n myproject -t svelte</code>
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
<code>wails init -n myproject -t svelte-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="React">
|
||||
Generate a <a href="https://reactjs.org/">React</a> project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t react</code>
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
<code>wails init -n myproject -t react-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Vue">
|
||||
Generate a <a href="https://vuejs.org/">Vue</a> project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t vue</code>
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
<code>wails init -n myproject -t vue-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Preact">
|
||||
Generate a <a href="https://preactjs.com/">Preact</a> project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t preact</code>
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
<code>wails init -n myproject -t preact-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Lit">
|
||||
Generate a <a href="https://lit.dev/">Lit</a> project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t lit</code>
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
<code>wails init -n myproject -t lit-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Vanilla">
|
||||
Generate a Vanilla project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t vanilla</code>
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
<code>wails init -n myproject -t vanilla-ts</code>
|
||||
</TabItem>
|
||||
|
||||
</Tabs>
|
||||
import TabsFrameworks from "../../src/components/frameworktabs";
|
||||
<TabsFrameworks/>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
@ -37,38 +37,8 @@ Run `npm --version` to verify.
|
||||
|
||||
You will also need to install platform specific dependencies:
|
||||
|
||||
|
||||
import Tabs from "@theme/Tabs";
|
||||
import TabItem from "@theme/TabItem";
|
||||
|
||||
<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>
|
||||
import TabsInstaller from "../../src/components/tabinstall";
|
||||
<TabsInstaller />
|
||||
|
||||
## Optional Dependencies
|
||||
|
||||
|
||||
@ -1,77 +1,77 @@
|
||||
|
||||
import React from 'react';
|
||||
import Tabs from "@theme/Tabs";
|
||||
import TabItem from "@theme/TabItem";
|
||||
|
||||
export default function TabsFrameworks() {
|
||||
return (
|
||||
//@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/>
|
||||
|
||||
<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/>
|
||||
<code>wails init -n myproject -t svelte</code>
|
||||
|
||||
<code>wails init -n myproject -t svelte</code>
|
||||
If you would rather use Typescript:
|
||||
|
||||
If you would rather use Typescript:
|
||||
<code>wails init -n myproject -t svelte-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="React">
|
||||
Generate a <a href="https://reactjs.org/">React</a> project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t svelte-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="React">
|
||||
Generate a <a href="https://reactjs.org/">React</a> project using Javascript with:<br/>
|
||||
<code>wails init -n myproject -t react</code>
|
||||
|
||||
<code>wails init -n myproject -t react</code>
|
||||
If you would rather use Typescript:
|
||||
|
||||
If you would rather use Typescript:
|
||||
<code>wails init -n myproject -t react-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Vue">
|
||||
Generate a <a href="https://vuejs.org/">Vue</a> project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t react-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Vue">
|
||||
Generate a <a href="https://vuejs.org/">Vue</a> project using Javascript with:<br/>
|
||||
<code>wails init -n myproject -t vue</code>
|
||||
|
||||
<code>wails init -n myproject -t vue</code>
|
||||
If you would rather use Typescript:
|
||||
|
||||
If you would rather use Typescript:
|
||||
<code>wails init -n myproject -t vue-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Preact">
|
||||
Generate a <a href="https://preactjs.com/">Preact</a> project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t vue-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Preact">
|
||||
Generate a <a href="https://preactjs.com/">Preact</a> project using Javascript with:<br/>
|
||||
<code>wails init -n myproject -t preact</code>
|
||||
|
||||
<code>wails init -n myproject -t preact</code>
|
||||
If you would rather use Typescript:
|
||||
|
||||
If you would rather use Typescript:
|
||||
<code>wails init -n myproject -t preact-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Lit">
|
||||
Generate a <a href="https://lit.dev/">Lit</a> project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t preact-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Lit">
|
||||
Generate a <a href="https://lit.dev/">Lit</a> project using Javascript with:<br/>
|
||||
<code>wails init -n myproject -t lit</code>
|
||||
|
||||
<code>wails init -n myproject -t lit</code>
|
||||
If you would rather use Typescript:
|
||||
|
||||
If you would rather use Typescript:
|
||||
<code>wails init -n myproject -t lit-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Vanilla">
|
||||
Generate a Vanilla project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t lit-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Vanilla">
|
||||
Generate a Vanilla project using Javascript with:<br/>
|
||||
<code>wails init -n myproject -t vanilla</code>
|
||||
|
||||
<code>wails init -n myproject -t vanilla</code>
|
||||
If you would rather use Typescript:
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
<code>wails init -n myproject -t vanilla-ts</code>
|
||||
</TabItem>
|
||||
</Tabs>
|
||||
<code>wails init -n myproject -t vanilla-ts</code>
|
||||
</TabItem>
|
||||
</Tabs>
|
||||
//@formatter:on
|
||||
)
|
||||
}
|
||||
|
||||
|
||||
@ -2,40 +2,42 @@ import React from 'react';
|
||||
import Tabs from "@theme/Tabs";
|
||||
import TabItem from "@theme/TabItem";
|
||||
|
||||
export default function TabInstall() {
|
||||
export default function TabsInstaller() {
|
||||
return (
|
||||
<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/>
|
||||
//@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.
|
||||
<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>
|
||||
</TabItem>
|
||||
|
||||
</Tabs>
|
||||
</Tabs>
|
||||
//@formatter:off
|
||||
)
|
||||
}
|
||||
|
||||
@ -11,76 +11,8 @@ Now that the CLI is installed, you can generate a new project by using the `wail
|
||||
Pick your favourite framework:
|
||||
|
||||
|
||||
import Tabs from "@theme/Tabs";
|
||||
import TabItem from "@theme/TabItem";
|
||||
|
||||
<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/>
|
||||
|
||||
<code>wails init -n myproject -t svelte</code>
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
<code>wails init -n myproject -t svelte-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="React">
|
||||
Generate a <a href="https://reactjs.org/">React</a> project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t react</code>
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
<code>wails init -n myproject -t react-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Vue">
|
||||
Generate a <a href="https://vuejs.org/">Vue</a> project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t vue</code>
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
<code>wails init -n myproject -t vue-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Preact">
|
||||
Generate a <a href="https://preactjs.com/">Preact</a> project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t preact</code>
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
<code>wails init -n myproject -t preact-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Lit">
|
||||
Generate a <a href="https://lit.dev/">Lit</a> project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t lit</code>
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
<code>wails init -n myproject -t lit-ts</code>
|
||||
</TabItem>
|
||||
<TabItem value="Vanilla">
|
||||
Generate a Vanilla project using Javascript with:<br/>
|
||||
|
||||
<code>wails init -n myproject -t vanilla</code>
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
<code>wails init -n myproject -t vanilla-ts</code>
|
||||
</TabItem>
|
||||
|
||||
</Tabs>
|
||||
import TabsFrameworks from "../../../src/components/frameworktabs";
|
||||
<TabsFrameworks/>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
@ -37,8 +37,8 @@ Run `npm --version` to verify.
|
||||
|
||||
You will also need to install platform specific dependencies:
|
||||
|
||||
import TabInstall from '../../../src/components/tabinstall';
|
||||
<TabInstall/>
|
||||
import TabsInstaller from "../../../src/components/tabinstall";
|
||||
<TabsInstaller />
|
||||
|
||||
## Optional Dependencies
|
||||
|
||||
|
||||
@ -10,75 +10,8 @@ Now that the CLI is installed, you can generate a new project by using the `wail
|
||||
|
||||
Pick your favourite framework:
|
||||
|
||||
import Tabs from "@theme/Tabs";
|
||||
import TabItem from "@theme/TabItem";
|
||||
|
||||
<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/>
|
||||
|
||||
wails init -n myproject -t svelte
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
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/>
|
||||
|
||||
wails init -n myproject -t react
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
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/>
|
||||
|
||||
wails init -n myproject -t vue
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
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/>
|
||||
|
||||
wails init -n myproject -t preact
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
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/>
|
||||
|
||||
wails init -n myproject -t lit
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
wails init -n myproject -t lit-ts
|
||||
</TabItem>
|
||||
<TabItem value="Vanilla">
|
||||
Generate a Vanilla project using Javascript with:<br/>
|
||||
|
||||
wails init -n myproject -t vanilla
|
||||
|
||||
If you would rather use Typescript:
|
||||
|
||||
wails init -n myproject -t vanilla-ts
|
||||
</TabItem>
|
||||
</Tabs>
|
||||
import TabsFrameworks from "../../../src/components/frameworktabs";
|
||||
<TabsFrameworks/>
|
||||
|
||||
<hr/>
|
||||
|
||||
|
||||
@ -37,42 +37,10 @@ Run `npm --version` to verify.
|
||||
|
||||
You will also need to install platform specific dependencies:
|
||||
|
||||
import TabsInstaller from "../../../src/components/tabinstall";
|
||||
<TabsInstaller />
|
||||
|
||||
|
||||
|
||||
|
||||
import Tabs from "@theme/Tabs";
|
||||
import TabItem from "@theme/TabItem";
|
||||
|
||||
<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>
|
||||
|
||||
## Optional Dependencies
|
||||
|
||||
- [UPX](https://upx.github.io/) for compressing your applications.
|
||||
|
||||
Loading…
Reference in New Issue
Block a user