Skip to content

Latest commit

 

History

History
36 lines (30 loc) · 1.42 KB

vscode-liveserver.md

File metadata and controls

36 lines (30 loc) · 1.42 KB

https://www.youtube.com/watch?v=v4jgr0ppw8Q https://gist.github.com/prof3ssorSt3v3/edb2632a362b3731274cfab84e9973f9

/Self-Signed Certificate for using with VS Code Live Server

//Save both files in a location you will remember

  1. create a private key openssl genrsa -aes256 -out localhost.key 2048 // you will be prompted to provide a password //this will create localhost.key (call it whatever you like)

  2. create the certificate openssl req -days 3650 -new -newkey rsa:2048 -key localhost.key -x509 -out localhost.pem //you will be prompted for the password from above //you will have to complete the various prompts //this will create localhost.pem (call it whatever you like)

  3. Create a .vscode folder in the root of your project

  4. Create a settings.json file inside the .vscode folder.

  5. Add the following to the settings.json file { "liveServer.settings.port": 5501, "liveServer.settings.root": "/", "liveServer.settings.CustomBrowser": "chrome", "liveServer.settings.https": { "enable": true, "cert": "/Users/steve/Documents/code/https/localhost.pem", "key": "/Users/steve/Documents/code/https/localhost.key", "passphrase": "12345" } }

  6. Adjust the location of the .pem certificate and the .key files.

  7. Update the passphrase to be the password you used when creating the key

If using chrome you have to enable the flag. chrome://flags/#allow-insecure-localhost for it to properly load