Hello World
Creating a Hello World using Weblabs
The first thing any developer does when learning a new piece of technology is to greet the world, and Weblabs is no exception.
From the previous page, I assume you have learned to create a Weblabs Project. Let's create a new project called hello-world
Now, you will see a main.ts file. Open the file, and delete all the code inside that file, and write the code given below:
Now you will also see a index.html file. Open that file and add the code given below
Now you are ready to test your app for the first time! Run the following command to start the server
Now open the browser to the URL it points to. usually it is http://localhost:5173
When you open the browser, it should show something like this
![](https://creatorlabs.gitbook.io/~gitbook/image?url=https%3A%2F%2F100730191-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FgcENi8WepIMy5Us3jkKn%252Fuploads%252FJeUAfnW16pepChy5CopF%252FHelloWorld.png%3Falt%3Dmedia%26token%3D3c2496b1-c097-4bf0-8d2e-59f6d5bb24bf&width=768&dpr=4&quality=100&sign=44268845&sv=2)
Congrats on creating your app! Now you can go ahead and learn exactly how the framework works and how you can use different functions and methods to create amazing apps!
Also if you need to refer the functions, you can always go to the API Reference section of the Weblabs Architecture group.
Last updated
Was this helpful?