Vite, Console Ninja

Note: This post is a details-post for the post: Learning web app development through free online tutorials – Organized Notes and Log, https://raviswdev.blogspot.com/2024/03/learning-web-app-development-through.html .

Official Vite site’s guide: https://vitejs.dev/guide/

[npx create-vite@latest react-website-yt-1-vite –template react
react-website-yt-1-vite is the app-name which can be changed to suitable name.
Above command on completion provides the three commands starting with cd that need to be run after that.]

How can I view console messages in terminal when using Vite?, https://www.reddit.com/r/react/comments/zo6nay/how_can_i_view_console_messages_in_terminal_when/
CONSOLE NINJA, CONSOLE LOG OUTPUT RIGHT NEXT TO YOUR CODE, https://console-ninja.com/
Console Ninja, https://www.youtube.com/watch?v=XR6OaznDwl8, 2 min. 19 secs.

Installed free version of the above extension in VS Code. I was not able to get it to work initially. Then I restarted ‘npm run dev’ and opened the browser window with the link provided. That got Console Ninja to work and it was doing its task well. I still need to understand its user interface well but I could see the console messages with time stamp and how often it had been logged.

Later I uninstalled or disabled Console Ninja as I could not easily switch it off.

...

“vite is not recognized …” on “npm run dev”, https://stackoverflow.com/questions/71844271/vite-is-not-recognized-on-npm-run-dev