Skip to content

Latest commit

 

History

History
39 lines (27 loc) · 1.81 KB

File metadata and controls

39 lines (27 loc) · 1.81 KB
title Ionic VS Code Extension
<title>Using the Ionic Visual Studio Code Extension</title>

The Ionic Visual Studio Code extension helps you perform various functions that are common to developing an Ionic app, all without leaving your VS Code window. You can install the extension on the Visual Studio Marketplace. Once you have the extension installed, you'll see the Ionic logo in the activity bar.

Create a New Project

From an empty directory, you can create a new Angular, React, or Vue project by clicking one of the template options and providing an app name.

Video of creating a project

With the new project created, the extension will provide access to all of the common tasks in your package.json.

Adding Capacitor

You can also add Capacitor to your application by choosing "Integrate Capacitor".

Video of adding Capacitor

With Capacitor integrated, you can now run your app on web, Android, and iOS with the "Run On Web", "Run On Android", and "Run On iOS" options.

Doing More

There is so much the Ionic VS Code extension can help with, including migrations, debugging, monorepo support, and more. For the full list of all of the extension's capabilities, checkout the extension overview on the VS Code Marketplace.