Skip to content
| Marketplace
Sign in
Visual Studio Code>Extension Packs>VSCode Essentials + AI ToolsNew to Visual Studio Code? Get it now.
VSCode Essentials + AI Tools

VSCode Essentials + AI Tools

SraaaamXTheLordWolf

|
166 installs
| (1) | Free
An extension pack for newbies with AIs (Codeium and Continue) and essentials for a lot of languages (HTML, CSS, JS, PHP, Python, C, C++, C# and more !).
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2023 Microsoft