diff --git a/website/docs/gettingstarted/firstproject.mdx b/website/docs/gettingstarted/firstproject.mdx index b5ee1fa4..286033ac 100644 --- a/website/docs/gettingstarted/firstproject.mdx +++ b/website/docs/gettingstarted/firstproject.mdx @@ -1,7 +1,3 @@ ---- -sidebar_position: 2 ---- - # Creating a Project ## Project Generation @@ -11,77 +7,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"; - - - - Generate a Svelte project using Javascript with:
- - wails init -n myproject -t svelte - - If you would rather use Typescript: - - wails init -n myproject -t svelte-ts - - - Generate a React project using Javascript with:
- - wails init -n myproject -t react - - If you would rather use Typescript: - - wails init -n myproject -t react-ts - - - Generate a Vue project using Javascript with:
- - wails init -n myproject -t vue - - If you would rather use Typescript: - - wails init -n myproject -t vue-ts - - - Generate a Preact project using Javascript with:
- - wails init -n myproject -t preact - - If you would rather use Typescript: - - wails init -n myproject -t preact-ts - - - Generate a Lit project using Javascript with:
- - wails init -n myproject -t lit - - If you would rather use Typescript: - - wails init -n myproject -t lit-ts - - - Generate a Vanilla project using Javascript with:
- - wails init -n myproject -t vanilla - - If you would rather use Typescript: - - wails init -n myproject -t vanilla-ts - - +import TabsFrameworks from "../../src/components/frameworktabs"; +
diff --git a/website/docs/gettingstarted/installation.mdx b/website/docs/gettingstarted/installation.mdx index 7358a3ec..e4adbadc 100644 --- a/website/docs/gettingstarted/installation.mdx +++ b/website/docs/gettingstarted/installation.mdx @@ -38,33 +38,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"; - - - - Wails requires that the xcode command line tools are installed. This can be done by running:
- - xcode-select --install - - - Wails requires that the WebView2{" "} - runtime is installed. Some Windows installations will already have this installed. You can check using the{" "} - wails doctor command (see below). - - Linux required the standard gcc build tools plus libgtk3 and libwebkit. - 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 wails doctor after installation - to be shown how to install the dependencies. - If your distro/package manager is not supported, please consult the Add Linux Distro guide. - +import TabInstall from '../../src/components/tabinstall'; + ## Optional Dependencies diff --git a/website/src/components/frameworktabs.js b/website/src/components/frameworktabs.js new file mode 100644 index 00000000..ac7c11c0 --- /dev/null +++ b/website/src/components/frameworktabs.js @@ -0,0 +1,80 @@ +import React from 'react'; +import Tabs from "@theme/Tabs"; +import TabItem from "@theme/TabItem"; + +export default function TabsFrameworks() { + return ( + + + + Generate a Svelte project using Javascript with:
+ + wails init -n myproject -t svelte + + If you would rather use Typescript: + + wails init -n myproject -t svelte-ts + + + Generate a React project using Javascript with:
+ + wails init -n myproject -t react + + If you would rather use Typescript: + + wails init -n myproject -t react-ts + + + Generate a Vue project using Javascript with:
+ + wails init -n myproject -t vue + + If you would rather use Typescript: + + wails init -n myproject -t vue-ts + + + Generate a Preact project using Javascript with:
+ + wails init -n myproject -t preact + + If you would rather use Typescript: + + wails init -n myproject -t preact-ts + + + Generate a Lit project using Javascript with:
+ + wails init -n myproject -t lit + + If you would rather use Typescript: + + wails init -n myproject -t lit-ts + + + Generate a Vanilla project using Javascript with:
+ + wails init -n myproject -t vanilla + + If you would rather use Typescript: + + wails init -n myproject -t vanilla-ts + + + ) +} + + + + + diff --git a/website/src/components/tabinstall.js b/website/src/components/tabinstall.js new file mode 100644 index 00000000..71a723db --- /dev/null +++ b/website/src/components/tabinstall.js @@ -0,0 +1,41 @@ +import React from 'react'; +import Tabs from "@theme/Tabs"; +import TabItem from "@theme/TabItem"; + +export default function TabInstall() { + return ( + + + Wails requires that the xcode command line tools are installed. This can be done by running:
+ + xcode-select --install + + + Wails requires that the WebView2{" "} + runtime is installed. Some Windows installations will already have this installed. You can check using + the{" "} + wails doctor command (see below). + + + Linux required the standard gcc build tools + plus libgtk3 and libwebkit. + 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 wails doctor after + installation + to be shown how to install the dependencies. + If your distro/package manager is not supported, please consult the Add Linux Distro guide. + + + + + ) +} diff --git a/website/versioned_docs/version-v2.0.0-beta.38/gettingstarted/firstproject.mdx b/website/versioned_docs/version-v2.0.0-beta.38/gettingstarted/firstproject.mdx index b5ee1fa4..6bc9051f 100644 --- a/website/versioned_docs/version-v2.0.0-beta.38/gettingstarted/firstproject.mdx +++ b/website/versioned_docs/version-v2.0.0-beta.38/gettingstarted/firstproject.mdx @@ -11,77 +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"; - - - - Generate a Svelte project using Javascript with:
- - wails init -n myproject -t svelte - - If you would rather use Typescript: - - wails init -n myproject -t svelte-ts - - - Generate a React project using Javascript with:
- - wails init -n myproject -t react - - If you would rather use Typescript: - - wails init -n myproject -t react-ts - - - Generate a Vue project using Javascript with:
- - wails init -n myproject -t vue - - If you would rather use Typescript: - - wails init -n myproject -t vue-ts - - - Generate a Preact project using Javascript with:
- - wails init -n myproject -t preact - - If you would rather use Typescript: - - wails init -n myproject -t preact-ts - - - Generate a Lit project using Javascript with:
- - wails init -n myproject -t lit - - If you would rather use Typescript: - - wails init -n myproject -t lit-ts - - - Generate a Vanilla project using Javascript with:
- - wails init -n myproject -t vanilla - - If you would rather use Typescript: - - wails init -n myproject -t vanilla-ts - - +import TabsFrameworks from "../../../src/components/frameworktabs"; +
diff --git a/website/versioned_docs/version-v2.0.0-beta.38/gettingstarted/installation.mdx b/website/versioned_docs/version-v2.0.0-beta.38/gettingstarted/installation.mdx index cee8556f..c7cd1f76 100644 --- a/website/versioned_docs/version-v2.0.0-beta.38/gettingstarted/installation.mdx +++ b/website/versioned_docs/version-v2.0.0-beta.38/gettingstarted/installation.mdx @@ -38,35 +38,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"; - - - - Wails requires that the xcode command line tools are installed. This can be done by running:
- - xcode-select --install - - - Wails requires that the WebView2{" "} - runtime is installed. Some Windows installations will already have this installed. You can check using the{" "} - wails doctor command (see below). - - Linux required the standard gcc build tools - plus libgtk3 and libwebkit. - 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 wails doctor after installation - to be shown how to install the dependencies. - If your distro/package manager is not supported, please consult the Add - Linux Distro guide. - +import TabInstall from '../../../src/components/tabinstall'; + ## Optional Dependencies diff --git a/website/versioned_docs/version-v2.0.0-beta.39/gettingstarted/firstproject.mdx b/website/versioned_docs/version-v2.0.0-beta.39/gettingstarted/firstproject.mdx index 2cdc85f5..6bc9051f 100644 --- a/website/versioned_docs/version-v2.0.0-beta.39/gettingstarted/firstproject.mdx +++ b/website/versioned_docs/version-v2.0.0-beta.39/gettingstarted/firstproject.mdx @@ -11,78 +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"; - - - - Generate a Svelte project using Javascript with:
- - wails init -n myproject -t svelte - - If you would rather use Typescript: - - wails init -n myproject -t svelte-ts - - - Generate a React project using Javascript with:
- - wails init -n myproject -t react - - If you would rather use Typescript: - - wails init -n myproject -t react-ts - - - Generate a Vue project using Javascript with:
- - wails init -n myproject -t vue - - If you would rather use Typescript: - - wails init -n myproject -t vue-ts - - - Generate a Preact project using Javascript with:
- - wails init -n myproject -t preact - - If you would rather use Typescript: - - wails init -n myproject -t preact-ts - - - Generate a Lit project using Javascript with:
- - wails init -n myproject -t lit - - If you would rather use Typescript: - - wails init -n myproject -t lit-ts - - - Generate a Vanilla project using Javascript with:
- - wails init -n myproject -t vanilla - - If you would rather use Typescript: - - wails init -n myproject -t vanilla-ts - - +import TabsFrameworks from "../../../src/components/frameworktabs"; +
diff --git a/website/versioned_docs/version-v2.0.0-beta.39/gettingstarted/installation.mdx b/website/versioned_docs/version-v2.0.0-beta.39/gettingstarted/installation.mdx index 5b8b3971..32399ef6 100644 --- a/website/versioned_docs/version-v2.0.0-beta.39/gettingstarted/installation.mdx +++ b/website/versioned_docs/version-v2.0.0-beta.39/gettingstarted/installation.mdx @@ -38,38 +38,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"; - - - - Wails requires that the xcode command line tools are installed. This can be done by running:
- - xcode-select --install - - - Wails requires that the WebView2{" "} - runtime is installed. Some Windows installations will already have this installed. You can check using the{" "} - wails doctor command (see below). - - Linux required the standard gcc build tools - plus libgtk3 and libwebkit. - 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 wails doctor after - installation - to be shown how to install the dependencies. - If your distro/package manager is not supported, please consult the Add Linux Distro guide. - +import TabInstall from '../../../src/components/tabinstall'; + ## Optional Dependencies