How to Setup & Run Laravel 12 Project in Browser Using Composer in VSCode Full Tutorial
106 views
Apr 1, 2025
Get the full source code of application here: Watch My Visual Studio Code IDE Setup Video For Fonts,Themes & Extensions https://youtu.be/Bon8Pm1gbX8 Hi Join the official discord server to resolve doubts here: https://discord.gg/cRnjhk6nzW Visit my Online Free Media Tool Website https://freemediatools.com/ Buy Premium Scripts and Apps Here: https://procodestore.com/
View Video Transcript
0:00
uh hello guys welcome to this video So
0:03
in this video I will show you how to set
0:05
up Laravel 12 inside your VS code and
0:08
start a very basic uh application in the
0:10
terminal Uh you can see I'm running it
0:13
in the browser So I will show you step
0:15
by step how to get started here So
0:17
before installing Laravel as you all
0:19
know Laravel is a PHP framework You need
0:21
to have PHP installed on your system And
0:25
for installing PHP there is a very easy
0:27
method you can use You can use exam
0:29
control panel uh which is actually a
0:32
apache
0:34
server So if you just write here exam
0:37
control panel on Google the very first
0:39
link which comes right here this is
0:41
actually the website here So it's
0:44
available for all the operating system
0:46
windows Linux Mac So just select your
0:48
operating system and just download this
0:50
software on your machine So by default
0:54
it's a .exe file here So if you just
0:56
click download
0:58
here So the .exe file will start
1:04
here So I've already downloaded this So
1:07
by default it actually you can see it's
1:09
a .exe file here So simply install this
1:14
And by default it is stored inside the C
1:16
drive And then it creates this folder
1:19
examp And then we have this folder HD
1:22
docs You go to that folder And right
1:24
here you open the command
1:27
line And for
1:29
actually installing third party
1:32
dependencies there is a software you
1:34
again need to install which is composer
1:36
Composer is actually a dependency
1:39
manager for PHP So you should have
1:42
composer installed as well If you don't
1:44
know how to install this you can watch
1:46
my video on composer how to install it
1:48
globally So there is also this direct
1:52
download button available So you can uh
1:54
just put the .exe
1:57
file and install this So there is this
2:00
command I have given the command in the
2:02
description of this
2:04
video So just make sure that you copy
2:08
that command Let me just write this
2:11
So command is
2:16
composer create
2:19
project and then d-p
2:22
prefer So this is actually composer you
2:25
write then create project d-p
2:29
preferist and then you just write here
2:33
larl / larl and then your project name
2:38
So let me call this as hello world So
2:41
this is your project name and Laravel/
2:44
Laravel You can see that So this is
2:46
actually the command
2:48
here So install this and it will now
2:51
create a new Laravel project here It
2:54
will install the latest version which is
2:56
Laravel
2:57
12.0.3 And uh it will take around about
3:01
uh 3 to 5 minutes to actually complete
3:04
the overall process here So this command
3:07
will take some time here So just make
3:09
sure when it completes
3:15
100% It will look something like
3:22
this So when it it is all completed here
3:26
it will look something like
3:28
this It will run the migrations for the
3:30
database here By default it comes with
3:32
the SQLite database It will run the
3:35
migrations and you will get this
3:37
notification done So it will hardly take
3:39
3 to 5 minutes So just make sure that a
3:41
command is running It is doing all the
3:44
process So after that you just need
3:47
to cd into the actual
3:53
uh let me open it inside VS code So this
3:56
will be the directory structure of a
3:57
basic Laravel 12 project Here if you see
4:00
that uh now the command is very simple
4:03
We run this command PHP artisan serve
4:07
This is a command here
4:09
PHP artisian
4:12
server A R T I S N PHP artisan server So
4:16
this will actually start your Laravel
4:18
project uh on a local
4:21
host by default The port number here
4:24
8,000 So now you can actually open the
4:26
project here by opening this port number
4:29
localhost
4:31
8,000 So now you can see your Laravel
4:34
project is now running here This is the
4:36
home
4:38
route And uh if I go to the routes
4:40
folder here you will see there is only a
4:42
single route available which is this one
4:45
You can create more routes Let's suppose
4:47
I copy this and
4:51
say I need to create a view for that
4:55
and the views are located in
4:58
the this folder which
5:03
is resources here So here all your views
5:07
are stored right here So there is this
5:09
welcome blade dot php So we'll create a
5:13
new hello world blade dot php
5:22
This is a
5:31
simple So after you make the changes you
5:34
don't need to restart the server And if
5:36
you just refresh it will automatically
5:38
restart And if you go to now the custom
5:41
route that we built hello world You will
5:44
see this is our custom route here that
5:46
we built for the Laravel 12 application
5:48
So in this way you can run uh Laravel 12
5:52
application in VS code very simply by
5:55
executing these steps Just make sure
5:57
that you should have exam control
6:00
panel because we are running this Apache
6:03
server here You can see that So just
6:05
open exam control panel after installing
6:07
it and just click start So just make
6:10
sure it is running it in the
6:13
background And now you can see the
6:15
project is now completed You again can
6:19
open that project as
6:22
well This is our same project that we
6:29
created So once again you will go to the
6:32
terminal and just write the same command
6:35
PHP artition
6:42
So this will start
6:44
the you can see that So by default it is
6:47
using the SQLite database Here if you
6:50
see in the migrations it is using the
6:52
database SQLite database Laravel 12 So
6:56
this is the way if you also cross check
7:00
package or sorry composer.json file you
7:03
can see that this is actually a Laravel
7:05
12 project You can also check the number
7:09
the version number which
7:12
is Laravel framework which is 12.0 So
7:16
this we are using the latest version of
7:17
Laravel which is 12 and the PHP version
7:20
is 8.2 So in this easy way you can set
7:24
up the Laravel 12 project in VS code and
7:26
run it simply Uh thank you very much for
7:30
watching this video and also check out
7:32
my website freemediatools.com
7:34
uh which contains thousands of tools
7:37
regarding audio video and image and I
7:39
will be seeing you in the next video
#Development Tools
#Programming