Arbaoui Mehdi arbaouimehdi

Setup Visual Studio Code Live Server to Use HTTPS

How to setup Live Server extension for Visual Studio Code to use HTTPS with your own SSL certificate without Chrome complaining about an untrusted certificate or insecure origin.

✅ Chrome 115.0.5790.75

✅ macOS Monterey 12.6.7

Warning

Make sure Chrome is not already running.

Link Replacement with Regex in VS Code

Introduction:

This Gist provides a step-by-step guide on using regular expressions (Regex) in Visual Studio Code (VS Code) to efficiently replace specific parts of URLs in multiple files. It is particularly useful for scenarios where parts of the URLs vary, such as filename changes or version numbers in Cloudinary links.

Use Case:

You have multiple files containing Cloudinary URLs.
You need to replace these URLs with new URLs from a different domain.
The original URLs contain variable segments like version numbers and unique file identifiers.

	{
	"stylelint.enable": false,
	"css.validate": false,
	"scss.validate": false,
	"editor.codeActionsOnSave": {
	"source.fixAll.stylelint": "never"
	},
	"workbench.statusBar.visible": false,
	"workbench.editor.showTabs": "none",
	"workbench.activityBar.location": "hidden",

	.container {
	/* Enable element size computation */
	container-type: size;
	container-name: container;
	}

	.content::after {
	/* Default content */
	content: "📘";
	}

	// Function to simulate
	// a long-running operation
	function longRunningOperation() {
	// Simulate a 2-second operation
	return new Promise((resolve) => {
	setTimeout(() => {
	console.log(
	"Operation completed"
	);
	resolve();

	/**
	* Determines the browser-specific properties
	* for detecting document visibility changes.
	*/
	function getVisibilityProperties() {
	const mappings = {
	hidden: "visibilitychange",
	msHidden: "msvisibilitychange",
	webkitHidden: "webkitvisibilitychange",
	};

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta
	name="viewport"
	content="width=device-width, initial-scale=1.0"
	/>
	<link rel="stylesheet" href="draft.css" />
	<title>Demo</title>