Nodemon vs Live Server

They serve two different purposes. Nodemon to restart a node app when file changes in a directory are detected. Live server will refresh your browser when changes are detected to any supported file types (e.g. HTML, JS, CSS). It also enables Ajax requests when you are working locally — these don’t normally work with the file:// protocol.

May 1, 2022 · 1 min · Anant

Path environment variable in Windows

https://superuser.com/questions/341192/how-can-i-display-the-contents-of-an-environment-variable-from-the-command-promp You can see all env. variables using: set Works with cmd - Yes Works with Windows Terminal - No In Windows Command-Prompt see only the Path variable: echo %PATH%

May 1, 2022 · 1 min · Anant

Where are Global npm packages installed?

Install a npm package globally npm install -g <name> Installing without -g option will install a module to your working directory (in node_modules folder) Check where global packages/libraries are installed: npm list -g to see which global libraries are installed and where they’re located. Additionally --depth=0 can be used to avoid including every package’s dependencies in the tree view (show only the global packages that you installed, not dependencies of them)...

May 1, 2022 · 1 min · Anant

How Web Browsers Work Part - 1

DNS Lookup (resolving the web address) The first step in navigating to a web page is finding where the assets for that page are located (HTML, CSS, Javascript and other kind of files) If we’ve never visited this site before, a Domain Name System (DNS) lookup must happen. DNS servers are computer servers that contain a database of public IP addresses and their associated hostnames (this is commonly compared to a phonebook in that people’s names are associated to a particular phone number)....

April 30, 2022 · 3 min · Anant

Peacock VSCode Extension - working with multiple VSCode workspaces made easy

When working on multiple simultaneously open VSCode windows, use Peacock for Visual Studio Code Peacock enables you to easily distinguish between and locate different VSCode workspaces. You can set color of your choice for each of the VSCode projects (at workspace level). So you can have different colors for each of your frontend, backend etc. apps. keywords: multiple windows in vscode, window management,

April 28, 2022 · 1 min · Anant