Getting Started with AI Agents in Visual Studio Code AI agents are becoming a powerful part of modern development. If you're using Visual Studio Code, you can integrate tools like Codex directly into your workflow and significantly speed up coding, debugging, and refactoring. 1. Install the AI Extension Open VS Code and go to the Extensions panel ( Ctrl+Shift+X ). Search for an AI extension such as OpenAI / Codex / ChatGPT and install it. 2. Connect Your Account After installation, you’ll usually see a Sign In button. Click it and log in using your account (via browser). Once authorized, VS Code will connect to your AI provider. 3. Adding Codex to Your IDE Some extensions require an API key. To add it: Open Settings (Ctrl + ,) Search for API Key Paste your key from your provider dashboard 4. Basic Usage Once everything is connected, you can start using the AI: Right-click in editor → Ask AI Use command palette ( Ctrl+Shift+P ) → search ...
Once in a time a decent dev must renew his knowledge of tech. So I decided to recollect react by creating a basic TODO app with it. To start it one need to install react project. I prefer `pnpm` and `nvm` for managing packages and node versions respectively. Here are my steps to install React: Step 1: Install pnpm If you don’t already have pnpm installed, install it globally via npm or corepack : npm install -g pnpm Or, if you’re using Node.js >=16.13, you can enable it with: corepack enable Step 2: Create a Project Directory Create a new directory for your React app and navigate into it: mkdir react-todo cd react-todo Step 3: Initialize the Project Initialize the project with pnpm : pnpm init Follow the prompts or press Enter to accept the defaults. Step 4: Install React and ReactDOM Install React and ReactDOM libraries, along with vite for an optimized development experience: pnpm add react react-dom pnpm add -D vite Step 5: Set Up Vite Initialize a basic vite project se...