VSCode Essentials + AI Tools

Logins:

Normally, it will ask you to Sign In to Codeium (and maybe Continue), do it !

Auto Ident HTML CSS and JavaScript:

When you save an HTML, CSS or JavaScript page, it'll automatically organize the page by indenting it well ! Even if it's done automatically, you must do it to learn how to code properly !

Live Previews for Webpages:

When you're on your html page, you'll have 2 options:

-You can click on "Go Live" at the bottom right of your page ans it'll open your html on a webpage. The specify is that if you save your code (HTML, CSS, JS or whatever), it'll automatically reload your page ! By this way, you could right click directly in the mage to acces to the inspection and the console !

-You'll see a new icon at the top right of the page (the window with a loop). Just click on it, and you'll have a new page opened. This is the preview of the page. It'll automatically reload the page after any modifications, even if you didn't save (SAVE ANYWAY !). You can also access to the console at the top right of the preview and "Open Devtools Pane".

Continue AI:

You can only use Continue by clicking the sidebar icon (the >CD_ one).

Codeium AI:

Auto Fill Code:

After typing the beginning part of your code, you'd see the next part of it automatically; that's the autofill ! Don't worry, you must press enter to validate it ! By just hovering your mouse to it, you'll have other subjections of code, and then you can choose the preferred one.

Usage:

You can use directly Codeium with the sidebar icon (with accolades and three small dots). To use Codeium easily, you can go directly into your code and press Ctrl + I (or Cmd + I for Mac) to have a prompt bar. Type whatever you want, and it will do it for you. You can do the same by selecting a part of your code and then pressing Ctrl + I (or Cmd + I for Mac). In this case, it will only modify the part of the code you selected.