Skip to content

Repo sync for protected branch #10438

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

Merged
merged 10 commits into from
Oct 9, 2024
Merged
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
2 changes: 1 addition & 1 deletion .github/workflows/clean-repo.yml
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ jobs:
pull-requests: write

steps:
- uses: actions/[email protected].0
- uses: actions/[email protected].1

# Call clean repo
- name: Clean repo
Expand Down
2 changes: 1 addition & 1 deletion .github/workflows/whats-new.yml
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ jobs:
pull-requests: write

steps:
- uses: actions/checkout@d632683dd7b4114ad314bca15554477dd762a938
- uses: actions/checkout@eef61447b9ff4aafe5dcd4e0bbf5d482be7e7871

- name: "Print manual run reason"
if: ${{ github.event_name == 'workflow_dispatch' }}
Expand Down
8 changes: 5 additions & 3 deletions docs/javascript/TOC.yml
Original file line number Diff line number Diff line change
Expand Up @@ -8,16 +8,18 @@
items:
- name: First look at the Visual Studio IDE
href: quickstart-ide-orientation-js.md
- name: Create a React app
- name: Create a React project
href: tutorial-create-react-app.md
- name: Create an Angular app
- name: Create an Angular project
href: tutorial-create-angular-app.md
- name: Create a Vue.js app
- name: Create a Vue.js project
href: tutorial-create-vue-app.md
- name: Tutorials
items:
- name: Create a Node.js app with Express
href: tutorial-nodejs.md
- name: Create a React app
href: create-react-app.md
- name: Create an ASP.NET Core app with React
href: tutorial-asp-net-core-with-react.md
- name: Create an ASP.NET Core app with Angular
Expand Down
586 changes: 586 additions & 0 deletions docs/javascript/create-react-app.md

Large diffs are not rendered by default.

10 changes: 6 additions & 4 deletions docs/javascript/index.yml
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ metadata:
author: mikejo5000
ms.author: mikejo
manager: mijacobs
ms.date: 01/23/2023
ms.date: 10/03/2024

# linkListType: architecture | concept | deploy | download | get-started | how-to-guide | learn | overview | quickstart | reference | tutorial | video | whats-new

Expand Down Expand Up @@ -39,14 +39,16 @@ landingContent:
linkLists:
- linkListType: quickstart
links:
- text: Create an Angular App
- text: Create an Angular project
url: tutorial-create-angular-app.md
- text: Create a React App
- text: Create a React project
url: tutorial-create-react-app.md
- text: Create a Vue App
- text: Create a Vue project
url: tutorial-create-vue-app.md
- linkListType: tutorial
links:
- text: Create a React app
url: create-react-app.md
- text: Create a web app with Angular and ASP.NET Core
url: tutorial-asp-net-core-with-angular.md
- text: Create a web app with React and ASP.NET Core
Expand Down
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.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/javascript/media/vs-2022/vue-choose-standalone-template.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 0 additions & 1 deletion docs/javascript/tutorial-asp-net-core-with-react.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,6 @@ You can use the method described in this article to create ASP.NET Core Single P
- Visual Studio 2022 version 17.8 or later with the **ASP.NET and web development** workload installed. Go to the [Visual Studio downloads](https://visualstudio.microsoft.com/downloads/?cid=learn-onpage-download-cta) page to install it for free.
If you need to install the workload and already have Visual Studio, go to **Tools** > **Get Tools and Features...**, which opens the Visual Studio Installer. Choose the **ASP.NET and web development** workload, then choose **Modify**.
- npm ([`https://www.npmjs.com/`](https://www.npmjs.com/package/npm)), which is included with Node.js
- npx ([`https://www.npmjs.com/package/npx`](https://www.npmjs.com/package/npx))

## Create the frontend app

Expand Down
10 changes: 6 additions & 4 deletions docs/javascript/tutorial-create-angular-app.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Create an Angular app in Visual Studio
title: Create an Angular project in Visual Studio
description: Create, build, and run a simple Angular front-end web application project from a Visual Studio template, and set basic properties for the project.
ms.date: 05/23/2024
ms.date: 10/02/2024
ms.custom: vs-acquisition
ms.topic: tutorial
ms.devlang: javascript
Expand All @@ -14,7 +14,7 @@ dev_langs:
monikerRange: '>= vs-2022'
---

# Create an Angular app
# Create an Angular project

In this 5-10 minute introduction to the Visual Studio integrated development environment (IDE), you create and run a simple Angular frontend web application.

Expand All @@ -32,10 +32,12 @@ Make sure to install the following:

:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Screenshot showing Create a new project":::

1. Search for Angular in the search bar at the top and then select **Standalone TypeScript Angular Project**.
1. Search for Angular in the search bar at the top and then select **Angular App**.

:::image type="content" source="media/vs-2022/angular-choose-standalone-template.png" alt-text="Screenshot showing choosing a template":::

Starting in Visual Studio 2022 version 11, the template name was changed from **Standalone TypeScript Angular Project** to **Angular App**.

1. Give your project and solution a name.

1. Choose **Create**, and then wait for Visual Studio to create the project.
Expand Down
15 changes: 10 additions & 5 deletions docs/javascript/tutorial-create-react-app.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Create a React app in Visual Studio
title: Create a React project in Visual Studio
description: Create, build, and run a simple React front-end web application project from a Visual Studio template, and set basic properties for the project.
ms.date: 05/23/2024
ms.date: 10/02/2024
ms.custom: vs-acquisition
ms.topic: tutorial
ms.devlang: javascript
Expand All @@ -13,7 +13,8 @@ dev_langs:
- JavaScript
monikerRange: '>= vs-2022'
---
# Create a React app

# Create a React project

In this 5-10 minute introduction to the Visual Studio integrated development environment (IDE), you create and run a simple React frontend web application.

Expand All @@ -23,18 +24,19 @@ Make sure to install the following:

- Visual Studio 2022 or later. Go to the [Visual Studio downloads](https://visualstudio.microsoft.com/downloads/?cid=learn-onpage-download-cta) page to install it for free.
- npm ([`https://www.npmjs.com/`](https://www.npmjs.com/package/npm)), which is included with Node.js
- npx ([`https://www.npmjs.com/package/npx`](https://www.npmjs.com/package/npx))

## Create your app

1. In the Start window (choose **File** > **Start Window** to open), select **Create a new project**.

:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Screenshot showing Create a new project":::

1. Search for React in the search bar at the top and then select **Standalone JavaScript React Project** or **Standalone TypeScript React Project**, based on your preference.
1. Search for React in the search bar at the top and then select **React App** for either JavaScript or TypeScript, based on your preference.

:::image type="content" source="media/vs-2022/react-choose-standalone-template.png" alt-text="Screenshot showing choosing a template":::

Starting in Visual Studio 2022 version 11, the template name was changed from **Standalone JavaScript React Project** to **React App**.

1. Give your project and solution a name.

1. Choose **Create**, and then wait for Visual Studio to create the project.
Expand Down Expand Up @@ -65,6 +67,9 @@ Next, you should see the base React app appear!

## Next steps

> [!div class="nextstepaction"]
> [Create a React app](create-react-app.md)

For ASP.NET Core integration:

> [!div class="nextstepaction"]
Expand Down
10 changes: 6 additions & 4 deletions docs/javascript/tutorial-create-vue-app.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: Create a Vue.js app in Visual Studio
title: Create a Vue.js project in Visual Studio
description: Create, build, and run a Vue.js front-end web application project from a Visual Studio template, and set basic properties for the project.
ms.date: 05/23/2024
ms.date: 10/02/2024
ms.custom: vs-acquisition
ms.topic: tutorial
ms.devlang: javascript
Expand All @@ -13,7 +13,7 @@ dev_langs:
- JavaScript
monikerRange: '>= vs-2022'
---
# Create a Vue.js app
# Create a Vue.js project

In this 5-10 minute introduction to the Visual Studio integrated development environment (IDE), you create and run a simple Vue.js frontend web application.

Expand All @@ -31,10 +31,12 @@ Make sure to install the following:

:::image type="content" source="media/vs-2022/create-new-project.png" alt-text="Screenshot showing Create a new project":::

1. Search for Vue in the search bar at the top and then select **Standalone JavaScript Vue Project** or **Standalone TypeScript Vue Project**, based on your preference.
1. Search for Vue in the search bar at the top and then select **Vue App** for either JavaScript or TypeScript.

:::image type="content" source="media/vs-2022/vue-choose-standalone-template.png" alt-text="Screenshot showing choosing a template":::

Starting in Visual Studio 2022 version 11, the template name was changed from **Standalone JavaScript Vue Project** to **Vue App**.

1. Give your project and solution a name, and then choose **Next**.

1. Choose **Create**, and then wait for Visual Studio to create the project.
Expand Down
8 changes: 6 additions & 2 deletions docs/version-control/git-create-pull-request.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: Create a pull request in Visual Studio
titleSuffix: ""
description: Create a pull request in Visual Studio by using GitHub or Azure DevOps.
ms.date: 10/23/2023
ms.date: 10/7/2024
ms.topic: how-to
author: houghj16
ms.author: jehoughton
Expand Down Expand Up @@ -55,7 +55,11 @@ To create a pull request, follow these steps:

:::image type="content" source="media/vs-2022/git-create-pr-issue-search.png" alt-text="The New Pull Request with # in the description box and a list of the related GitHub issues and pull requests shown in Visual Studio 2022.":::

1. Once you’ve clicked **Create** on your pull request, other developers can review your changes and provide feedback.
1. Once you’ve clicked **Create** on your pull request, other developers can review your changes and provide feedback. Or, with Visual Studio 17.12 and later, click the dropdown and choose **Create as draft**.

:::image type="content" source="media/vs-2022/git-new-pull-request-create-draft.png" alt-text="Screenshot showing the option to create a new pull request as a draft." :::

With Visual Studio 17.12 and later, you can enable the **Pull Request Templates** feature (in **Tools** > **Options** > **Environment** > **Preview Features**) so that your default PR template in your repo will be used when creating a new pull request for both GitHub and Azure DevOps. Learn more about how to add a pull request template to your repository in the [GitHub documentation](https://docs.github.com/communities/using-templates-to-encourage-useful-issues-and-pull-requests/creating-a-pull-request-template-for-your-repository) and [Azure DevOps documentation](/azure/devops/repos/git/pull-request-templates#default-pull-request-templates).

## View pull request comments in the editor

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.