Linux

Run webpage in Visual Studio Code with Xampp on Ubuntu 22.04 LTS



GUIDE Tonny Blair BLAIRTECH254.
STEP1:
Open xampp, To open the xampp go to terminal and type
i) cd /opt/lampp
ii) sudo ./manager-linux-x64.run

STEP2:
After opening, start the apache2 server and mysql server.If any error occur like apache2 and mysql server is not staring then type in the terminal.
i) sudo apachectl stop
ii) sudo service mysql stop
in my case everything is running well so we are going to skip step 2.
STEP3:
Now open the browser and type localhost after that you see the dashboard of the xampp.

STEP4:
Now open the vs code and click add folder to workplace Here u create a folder inside the hdocs.If error occur like permission error then go to terminal type: sudo chmod 777 -R /opt/lampp/htdocs
STEP5:
After that write html and css code inside the created folder and save them.

STEP6:
open your vs code.
After that search in Extensions ,type xampp you see open php/html/js in browser install it.

STEP7:
Now open Extension settings of open php/html/js in browser

STEP8:
On option: open-php-html-js-in-browser:custom url to open(Also modified in:workspace )in that u see change into

STEP9:
On option: open-php-html-js-in-browser:Document Root Folder(Also modified in:workspace )Here u should type htdocs path /opt/lampp/htdocs/

STEP10:
Now other last option open-php-html-js-in-browser:Selected Browser Folder(Also modified in:workspace )Here u should select the browser of your choice, In my case it is : firefox.

STEP11:
Now go to the html css file and right click ,you’ll see the option: open-php-html-js-in-browser and click it to display the output on your browser.

THANK U GUYS!!PLEASE LIKE THIS VIDEO !!!AND PLEASE SUBSCRIBE!!!IF U ANY DOUBTS PLEASE PUT IN THE COMMENT SESSION THANK YOU ONCE AGAIN !!!HAVE A GREAT DAY!!!

[ad_2]

source

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button