How are we supposed to edit the Source code of our websites?

  1. I am trying to edit my wix website in visual studio code. But this is not proving fruitful as all the HTML, CSS, and Javascript are in the Index.HTML file??

  2. Either this is an example of awfully written code, or they intentionally ‘uglify’ the code so we can’t edit it’s back end without getting a headache.

  3. Please, I just want to edit my website. Thank you.

Wix does not allow you access to the DOM and you can only use Javascript with Wix Corvid.
https://support.wix.com/en/corvid-by-wix/basics

If you are not using code, then you can look at simply using the Wix Editor.
https://support.wix.com/en/article/accessing-your-editor

Also, if you are not using code, then you would be best suited going through Wix Support and reading the Wix Support pages.
https://support.wix.com/en/article/contacting-wix-customer-care-for-support
https://support.wix.com/en/

If you want to use html/css/js in Wix, then you can look at adding it via a html iframe or through Tracking and Analytics.
https://support.wix.com/en/article/using-iframes-to-display-visible-content-on-your-site
https://support.wix.com/en/article/embedding-custom-code-to-your-site
https://support.wix.com/en/article/corvid-working-with-the-html-element
https://www.wix.com/corvid/reference/$w.HtmlComponent.html

If you want to customize your site, enable Dev mode and you can write your own custom Javascript in the code panel .

Even then they try and make it as difficult and complicated as possible especially if one is customizing a login page for a large website

True, Velo should give a native integration with VSCode and have a plugin architecture like wordpress.
id pay even $100/month if they give such feature upgrade