How to Setup & Run Codeigniter 4 Project in Browser Using Composer in VSCode Full Tutorial
184 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 uh welcome to this video
0:02
So in this video I will show you how to
0:04
make a coconiderer uh 4 project inside
0:09
uh and how to set up in VS code and run
0:11
it inside your browser something like
0:13
this I'm running it locally localhost
0:15
80080 So Codeer is a very famous PHP
0:19
framework similar to Laravel but uh
0:23
Laravel is the most popular but cogniter
0:25
is also very popular and we'll be using
0:28
the latest version here cogniter 4.6.0 0
0:32
and
0:33
uh first of all you should have some
0:36
things installed You should have PHP
0:38
installed For this we have a software
0:41
called as like exam control
0:43
panel So if you just write exam control
0:47
panel I'm assuming that you have
0:49
installed all these things Exam comes
0:51
with the Apache PHP server right here
0:54
It's available for all operating system
0:56
I've already downloaded this So by
0:59
default
1:02
example it it will create a folder right
1:05
here
1:08
examp
1:09
folder So after you open exam control
1:12
panel just click the start here It will
1:14
start your Apache server and then inside
1:18
your HT docs just open the command line
1:21
And for this you also need the composer
1:24
installed Composer is a dependency
1:26
manager for PHP applications So I have
1:29
just installed composer as well So just
1:31
click the download button to install
1:34
composer So now we can uh
1:38
essentially declare a command here which
1:43
will initialize a new project of
1:45
cogniter uh composer create project and
1:48
then we simply write code
1:52
nighter
1:55
4/
1:57
starter this is actually the command
1:59
here composer you write and then create
2:02
project codeer
2:06
/ app starter and then is followed by
2:09
the project name So you can give any
2:11
project name of your
2:13
choice So just enter it and now it will
2:17
basically create a codeer 4
2:20
project in this directory So it will
2:23
hardly take 5 to 10 seconds for all the
2:26
things to happen So just wait for the
2:29
installation to finish You will see it
2:30
is installing all the packages which are
2:32
required
2:34
and then you can simply open it inside
2:37
VS code So I will show you how to run
2:40
this project as well
2:42
So so if you're running it for the very
2:45
first time then it might take uh 2 3
2:49
minutes but uh if you
2:51
are running it for the third fourth time
2:54
then it will hardly take 30 seconds
2:57
So once it is
3:00
completed you'll see now the project has
3:03
been completed So we can now cd into the
3:06
project name and then open it inside uh
3:11
visual studio
3:16
code And uh now to run this project we
3:19
we have a command here Just go to the
3:21
terminal right here inside this
3:24
directory
3:29
You can run this command here PHP spark
3:32
serve This is the command to run the
3:35
codeer project here So if you run this
3:38
command here you will see it will start
3:40
this localhost 8080 It will start your
3:43
application at this port number So if
3:45
you try to go
3:49
to so you will see this will be the
3:52
welcome page for the codeer for
3:54
framework
3:56
And you can see that so this in this
3:58
easy way you can create and run a simple
4:00
codeer project in VS code in the browser
4:03
If I show you composer file here you
4:06
will actually see you can cross check
4:08
that PHP 8.1 we are using and code
4:11
nighter we are using the latest version
4:13
4.0 So this is the easy way step-by-step
4:16
process that I showed you how to
4:18
initialize and run or set up code
4:22
nighter 4 in VS code and run it Thank
4:25
you very much for watching this video
4:27
and also check out my website
4:30
freemediatools.com which contains
4:32
thousands of tools regarding audio video
4:34
and image and I will be seeing you in
4:37
the next video
#Computer Education
#Educational Software
#Other