github/wails
5
0
Fork 0
mirror of https://github.com/wailsapp/wails.git synced 2025-05-03 06:20:48 +08:00
Code Projects Activity

Fix docs

Browse Source
This commit is contained in:
Lea Anthony 2022-04-27 22:13:12 +10:00
parent ac81d5aa3d
commit 3dbe2a0942
2 changed files with 51 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
website/docs/gettingstarted/firstproject.mdx
View File

@ -11,74 +11,76 @@ Now that the CLI is installed, you can generate a new project by using the `wail
Pick your favourite framework: Pick your favourite framework:
import Tabs from "@theme/Tabs"; import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem"; import TabItem from "@theme/TabItem";
<Tabs <Tabs
defaultValue="Svelte" defaultValue="Svelte"
values={[ values={[
{ label: "Svelte", value: "Svelte" }, {label: "Svelte", value: "Svelte"},
{ label: "React", value: "React" }, {label: "React", value: "React"},
{ label: "Vue", value: "Vue" }, {label: "Vue", value: "Vue"},
{ label: "Preact", value: "Preact" }, {label: "Preact", value: "Preact"},
{ label: "Lit", value: "Lit" }, {label: "Lit", value: "Lit"},
{ label: "Vanilla", value: "Vanilla" }, {label: "Vanilla", value: "Vanilla"},
]} ]}
> >
<TabItem value="Svelte"> <TabItem value="Svelte">
Generate a <a href="https://svelte.dev/">Svelte</a> project using Javascript with:<br/> Generate a <a href="https://svelte.dev/">Svelte</a> project using Javascript with:<br/>
wails init -n myproject -t svelte wails init -n myproject -t svelte
If you would rather use Typescript: If you would rather use Typescript:
wails init -n myproject -t svelte-ts wails init -n myproject -t svelte-ts
</TabItem> </TabItem>
<TabItem value="React"> <TabItem value="React">
Generate a <a href="https://reactjs.org/">React</a> project using Javascript with:<br/> Generate a <a href="https://reactjs.org/">React</a> project using Javascript with:<br/>
wails init -n myproject -t react wails init -n myproject -t react
If you would rather use Typescript: If you would rather use Typescript:
wails init -n myproject -t react-ts wails init -n myproject -t react-ts
</TabItem> </TabItem>
<TabItem value="Vue"> <TabItem value="Vue">
Generate a <a href="https://vuejs.org/">Vue</a> project using Javascript with:<br/> Generate a <a href="https://vuejs.org/">Vue</a> project using Javascript with:<br/>
wails init -n myproject -t vue wails init -n myproject -t vue
If you would rather use Typescript: If you would rather use Typescript:
wails init -n myproject -t vue-ts wails init -n myproject -t vue-ts
</TabItem> </TabItem>
<TabItem value="Preact"> <TabItem value="Preact">
Generate a <a href="https://preactjs.com/">Preact</a> project using Javascript with:<br/> Generate a <a href="https://preactjs.com/">Preact</a> project using Javascript with:<br/>
wails init -n myproject -t preact wails init -n myproject -t preact
If you would rather use Typescript: If you would rather use Typescript:
wails init -n myproject -t preact-ts wails init -n myproject -t preact-ts
</TabItem> </TabItem>
<TabItem value="Lit"> <TabItem value="Lit">
Generate a <a href="https://lit.dev/">Lit</a> project using Javascript with:<br/> Generate a <a href="https://lit.dev/">Lit</a> project using Javascript with:<br/>
wails init -n myproject -t lit wails init -n myproject -t lit
If you would rather use Typescript: If you would rather use Typescript:
wails init -n myproject -t lit-ts wails init -n myproject -t lit-ts
</TabItem> </TabItem>
<TabItem value="Vanilla"> <TabItem value="Vanilla">
Generate a Vanilla project using Javascript with:<br/> Generate a Vanilla project using Javascript with:<br/>
wails init -n myproject -t vanilla wails init -n myproject -t vanilla
If you would rather use Typescript: If you would rather use Typescript:
wails init -n myproject -t vanilla-ts wails init -n myproject -t vanilla-ts
</TabItem> </TabItem>
</Tabs> </Tabs>
<hr/> <hr/>
@ -110,9 +112,9 @@ Wails projects have the following layout:
- `/main.go` - The main application - `/main.go` - The main application
- `/frontend/` - Frontend project files - `/frontend/` - Frontend project files
- `/build/` - Project build directory - `/build/` - Project build directory
- `/build/appicon.png` - The application icon - `/build/appicon.png` - The application icon
- `/build/darwin/` - Mac specific project files - `/build/darwin/` - Mac specific project files
- `/build/windows/` - Windows specific project files - `/build/windows/` - Windows specific project files
- `/wails.json` - The project configuration - `/wails.json` - The project configuration
- `/go.mod` - Go module file - `/go.mod` - Go module file
- `/go.sum` - Go module checksum file - `/go.sum` - Go module checksum file

1
website/versioned_docs/version-v2.0.0-beta.35/gettingstarted/firstproject.mdx
View File

@ -12,6 +12,7 @@ Pick your favourite framework:
import Tabs from "@theme/Tabs"; import Tabs from "@theme/Tabs";
import TabItem from "@theme/TabItem"; import TabItem from "@theme/TabItem";