Live Server is one of my favorite Visual Code extension which is used to launch a development local server with live reload feature for static & dynamic pages. Yes, it supports dynamic pages like PHP.
By default, it runs on HTTP.
In order to enable HTTPS protocol, first, you will need a self-signed SSL Certificate. If you don’t know how to create a self-signed SSL Certificate goto here and follow the steps.
[Note: If you are using Visual Code in windows, download OpenSSL and continue the process.]
After you have the private key and certificate:
-
- Go to your visual code project.
- Create
.vscode
folder inside the project. ( Don’t forget the . (period) ). - Inside that folder create
settings.json
file. - Paste the following code:
{
"liveServer.settings.https": {
"enable": true, //set it true to enable the feature.
"cert": "D:\\https\\primary.crt", //full path of the certificate
"key": "D:\\https\\private.key", //full path of the private key
"passphrase": "12345"
}
} - Start the Live Server and access your project using HTTPS
Find this project on github.
0 Comments