Skip to content

Need to Improve UG for Syncfusion Angular and React Project #600

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: development
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions ej2-angular-toc.html
Original file line number Diff line number Diff line change
Expand Up @@ -132,6 +132,7 @@
Visual Studio Integration
<ul>
<li><a href="/ej2-angular/visual-studio-integration/overview">Overview</a></li>
<li><a href="/ej2-angular/visual-studio-integration/download-and-installation">Download and Installation</a></li>
<li><a href="/ej2-angular/visual-studio-integration/create-project">Create Project</a></li>
<li><a href="/ej2-angular/visual-studio-integration/convert-project">Convert Project</a></li>
<li><a href="/ej2-angular/visual-studio-integration/upgrade-project">Upgrade Project</a></li>
Expand Down
10 changes: 6 additions & 4 deletions ej2-angular/visual-studio-integration/create-project.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ Syncfusion provides the **Visual Studio Project Templates** for create the Syncf

The following steps help you to create the Syncfusion Angular application through the Visual Studio:

1. Open the Visual Studio 2017 or later.
1. Open the Visual Studio 2022.

2. To create a Syncfusion Angular project, follow either one of the options below:

Expand All @@ -32,21 +32,23 @@ The following steps help you to create the Syncfusion Angular application throug

**Option 2:**

Choose **File > New > Project in Visual Studio**. The Create a new project dialog opens. You can get the **Syncfusion** provided templates by filtering the Project type with Syncfusion or use the **Search option** with the key word of Syncfusion.
Choose **File -> New -> Project**. Opens a new dialog to create a new project. By filtering the project type with Syncfusion or using the **Syncfusion** keyword in the search option, you can get the templates offered by Syncfusion for ASP.NET Core.

![syncfusion template](images/create-new-project.png)

> In Visual Studio 2017, choose **File > New > Project** and navigate to **Syncfusion > .NET Core > Syncfusion ASP.NET Core Web Application** in **Visual Studio**.

3. Select the Syncfusion ASP.NET Core Web Application and choose the Next button.
3. Select the **Syncfusion ASP.NET Core Web Application** and choose the Next button.

![syncfusion template](images/syncfusion-template.png)

4. Name the Project, choose the destination location and then click Create button. The Syncfusion ASP.NET Core project configuration wizard appears.

![project configuration](images/angular-project-wizard.png)

Choose the Syncfusion Angular template and choose required theme and asset.
Choose the Syncfusion Angular template and choose required theme, authentication type and asset.

> Syncfusion Angular project template available from .NET 6.0 and .NET 7.0

5. Click the Create button, the Syncfusion Angular application has been created.

Expand Down
79 changes: 79 additions & 0 deletions ej2-angular/visual-studio-integration/download-and-installation.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
---
layout: post
title: Create project in Angular Visual studio integration component | Syncfusion
description: Learn here all about Create project in Syncfusion React Visual studio integration component of Syncfusion Essential JS 2 and more.
platform: ej2-angular
control: Create project
publishingplatform: ##Platform_Name##
documentation: ug
---

# Download and Installation

Syncfusion publishes the Visual Studio extension in the below Visual Studio marketplace link. You can either install it directly from Visual Studio or download and install it from the Visual Studio marketplace.

[Visual Studio 2022](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCoreVSExtensions)

[Visual Studio 2019 or lower](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCoreExtensions)

## Prerequisites

The following software prerequisites must be installed to install the Syncfusion ASP.NET Core extension, as well as for creating, adding snippet, converting, and upgrading Syncfusion ASP.NET Core applications.

* [Visual Studio 2022 or later](https://visualstudio.microsoft.com/downloads).

* [.NET Core 6.0 or later](https://dotnet.microsoft.com/en-us/download/dotnet).

## Install through the Visual Studio Manage Extensions

The steps below assist you to install the Syncfusion ASP.NET Core extensions from **Visual Studio Manage Extensions**.

1. Open the Visual Studio.

2. Navigate to **Extension ->Manage Extensions** and open the Manage Extensions.

N> In Visual Studio 2017, go to Tools -> Extensions and Updates.

3. On the left, click the **Online** tab and type **"Syncfusion EJ2"** in the **search box**.

![Online-Manage-Extension-window](images/OnlineExtension.png)

4. Click the **Download** button in the **“ASP.NET Core Extension - Syncfusion”**.

5. Close all Visual Studio instances after downloading the extensions to begin the installation process. You will see the following VSIX installation prompt.

![VSIX-Installation-Window](images/InstallUpdatedVersion.png)

6. Click the **Modify** button.

7. After the installation is completed, open Visual Studio.

8. Now, under the menu **Extensions**, you can use the Syncfusion extensions from the Visual Studio.

![SyncfusionMenu](images/SyncfusionMenu.png)

N> In Visual Studio 2017, you can see the Syncfusion menu directly in the Visual Studio menu

## Install from the Visual Studio Marketplace

The steps below illustrate how to download and install the Syncfusion ASP.NET Core extension from the Visual Studio Marketplace.

1. Download the Syncfusion ASP.NET Core Extensions from the below Visual Studio Marketplace.

[Visual Studio 2022](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCoreVSExtensions)

[Visual Studio 2019 or lower](https://marketplace.visualstudio.com/items?itemName=SyncfusionInc.ASPNETCoreExtensions)

2. Close all Visual Studio instances running, if any.

3. Double-click to install the downloaded VSIX file. You will see the VSIX installation prompts with the corresponding installed Visual Studio version checkbox for select the Visual Studio to install extension.

![VSIX-Installation-Window](images/InstallVSIX.png)

4. Click the **Modify** button.

5. After the installation is complete, open Visual Studio. You can now use Syncfusion extensions from the Visual Studio under the **Extensions** menu.

![SyncfusionMenu](images/SyncfusionMenu.png)

N> In Visual Studio 2017, you can see the Syncfusion menu directly in the Visual Studio menu
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.