Skip to content

Commit 2e5bbaa

Browse files
committed
fixed metadata titles, tip format, and next-steps sections
1 parent fc0e177 commit 2e5bbaa

13 files changed

+61
-65
lines changed

articles/app-service/containers/tutorial-javascript-vscode-containerize-app.md

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Create the image
2+
title: Azure App Service on Linux with Visual Studio Code - create a container
33
description: Node.js Deployment to Azure App Services with Visual Studio Code
44
author: KarlErickson
55
ms.author: karler
@@ -12,23 +12,27 @@ ms.devlang: javascript
1212

1313
Next, use the Docker extension to add the necessary files to create an image for your app, build the image, and push it to a registry.
1414

15-
> **Tip:** If you don't already have an app for this quickstart, follow the [Node.js tutorial](https://code.visualstudio.com/docs/nodejs/nodejs-tutorial).
15+
> [!TIP]
16+
> If you don't already have an app for this quickstart, follow the [Node.js tutorial](https://code.visualstudio.com/docs/nodejs/nodejs-tutorial).
1617
1718
## Add Docker files
1819

1920
Open the **Command Palette** (CTRL + SHIFT + P) and type `add docker files to workspace` to run the **Docker: Add Docker files to workspace** command. This command will create the necessary Docker files. Choose your application type - **Node.js** in this tutorial - along with the port that your application listens on.
2021

21-
> **Tip:** Be sure that the port you select matches the port your app listens on. If you used the Express generator, set this to 3000.
22+
> [!TIP]
23+
> Be sure that the port you select matches the port your app listens on. If you used the Express generator, set this to 3000.
2224
2325
This action will add a `Dockerfile` along with some configuration files for Docker compose and a `.dockerignore`.
2426

25-
> **Tip**: VS Code has great support for Docker files. See the [Working with Docker](https://code.visualstudio.com/docs/azure/docker) topic to learn about rich language features like smart suggestions, completions, and error detection.
27+
> [!TIP]
28+
> VS Code has great support for Docker files. See the [Working with Docker](https://code.visualstudio.com/docs/azure/docker) topic to learn about rich language features like smart suggestions, completions, and error detection.
2629
2730
## Build a Docker image
2831

2932
The `Dockerfile` file describes the environment for your app including the location of the source files and the command to start the app within a container.
3033

31-
> **Tip:** Containers versus images: A container is an instance of an image.
34+
> [!TIP]
35+
> Containers versus images: A container is an instance of an image.
3236
3337
Open the **Command Palette** (CTRL + SHIFT + P) and run **Docker: Build Image** to build the image. Choose the `Dockerfile` file then give the image a name. It's important that you specify a couple of things here. The format is as follows:
3438

@@ -58,7 +62,7 @@ Open the **Command Palette** (CTRL + SHIFT + P) and run **Docker: Push** and cho
5862

5963
Next, you'll deploy your image to Azure.
6064

61-
----
65+
## Next steps
6266

6367
> [!div class="nextstepaction"]
6468
> [I've created an image for my application](./tutorial-javascript-vscode-deploy-container.md)

articles/app-service/containers/tutorial-javascript-vscode-create-registry.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Container registries
2+
title: Azure App Service on Linux with Visual Studio Code - create a registry
33
description: Node.js Deployment to Azure App Services with Visual Studio Code
44
author: KarlErickson
55
ms.author: karler
@@ -31,7 +31,7 @@ Once the Registry is created, click **Access Keys** from the left menu and **Ena
3131
With the admin user account enabled, log into your registry from the Docker CLI using the following command.
3232

3333
```bash
34-
$ docker login <registryname>.azurecr.io # Copy from "Login Server"
34+
docker login <registryname>.azurecr.io # Copy from "Login Server"
3535
Username: # Copy from "Username"
3636
Password: # Copy from "Password"
3737
Login Succeeded
@@ -47,7 +47,7 @@ Ensure that the registry endpoint that you just setup is visible under **Registr
4747

4848
![Registries](./media/tutorial-javascript-vscode/registries.png)
4949

50-
----
50+
## Next steps
5151

5252
> [!div class="nextstepaction"]
5353
> [I've created a registry](./tutorial-javascript-vscode-containerize-app.md)

articles/app-service/containers/tutorial-javascript-vscode-deploy-container.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Deploy the image
2+
title: Azure App Service on Linux with Visual Studio Code - deploy your container
33
description: Node.js Deployment to Azure App Services with Visual Studio Code
44
author: KarlErickson
55
ms.author: karler
@@ -32,7 +32,7 @@ An **App Service Plan** defines the physical resources that will be used to host
3232

3333
The **Output** panel will open during deployment to indicate the status of the operation. When the operation completes, find the app you created in the **AZURE APP SERVICE** explorer, right-click it, then choose **Browse Website** to open the site in your browser.
3434

35-
----
35+
## Next steps
3636

3737
> [!div class="nextstepaction"]
3838
> [My site is on Azure](./tutorial-javascript-vscode-tail-logs.md)

articles/app-service/containers/tutorial-javascript-vscode-get-started.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Getting started with Docker images
2+
title: Azure App Service on Linux with Visual Studio Code - get started
33
description: Node.js Deployment to Azure App Services with Visual Studio Code
44
author: KarlErickson
55
ms.author: karler
@@ -43,11 +43,11 @@ In VS Code, you should see your Azure email address in the Status Bar and your s
4343
Verify that you have Docker installed and running.
4444

4545
```bash
46-
$ docker --version
46+
docker --version
4747
Docker Version 17.12.0-ce, build c97c6d6
4848
```
4949

50-
----
50+
## Next steps
5151

5252
> [!div class="nextstepaction"]
5353
> [I've installed the Docker and Azure App Service extensions](./tutorial-javascript-vscode-create-registry.md)

articles/app-service/containers/tutorial-javascript-vscode-tail-logs.md

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Viewing the application logs
2+
title: Azure App Service on Linux with Visual Studio Code - view logs
33
description: Node.js Deployment to Azure App Services with Visual Studio Code
44
author: KarlErickson
55
ms.author: karler
@@ -37,12 +37,10 @@ Refresh the page a few times in the browser to see log output.
3737
2017-12-21T17:35:15.378623115Z GET /favicon.ico 404 53.839 ms - 995
3838
```
3939

40-
## Congratulations!
40+
## Next steps
4141

4242
Congratulations, you've successfully completed this quickstart!
4343

44-
## Other Azure extensions
45-
4644
Next, check out the other Azure extensions.
4745

4846
* [Cosmos DB](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-cosmosdb)
@@ -53,12 +51,6 @@ Next, check out the other Azure extensions.
5351
Or get them all by installing the
5452
[Node Pack for Azure](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-node-azure-pack) extension pack.
5553

56-
## Learn more at docs.microsoft.com
57-
58-
The [Azure for Node.js](https://docs.microsoft.com/en-us/nodejs/azure/?view=azure-node-2.0.0) developer center on [docs.microsoft.com](https://docs.microsoft.com) has a number of great articles on how to build and deploy Node.js based functions and applications to Azure.
59-
60-
----
61-
6254
> [!div class="nextstepaction"]
6355
> [I'm done!](./tutorial-nodejs-mongodb-app.md)
6456
> [!div class="nextstepaction"]

articles/app-service/tutorial-javascript-vscode-create-app.md

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Create the application
2+
title: Azure App Service with Visual Studio Code - create an app
33
description: Node.js Deployment to Azure App Services with Visual Studio Code
44
author: KarlErickson
55
ms.author: karler
@@ -12,15 +12,16 @@ ms.devlang: javascript
1212

1313
Next, create a Node.js application that can be deployed to the Cloud. This tutorial uses an application generator to quickly scaffold out the application from a terminal.
1414

15-
> **Tip:** If you have already completed the [Node.js tutorial](https://code.visualstudio.com/docs/nodejs/nodejs-tutorial), you can skip ahead to [Deploy the Website](./tutorial-javascript-vscode-deploy-app.md).
15+
> [!TIP]
16+
> If you have already completed the [Node.js tutorial](https://code.visualstudio.com/docs/nodejs/nodejs-tutorial), you can skip ahead to [Deploy the Website](./tutorial-javascript-vscode-deploy-app.md).
1617
1718
## Install the Express generator
1819

1920
[Express](https://www.expressjs.com) is a popular framework for building and running Node.js applications. You can scaffold (create) a new
2021
Express application using the [Express Generator](https://expressjs.com/en/starter/generator.html) tool. The Express Generator is shipped as an npm module and installed by using the npm command-line tool `npm`.
2122

2223
```bash
23-
$ npm install -g express-generator
24+
npm install -g express-generator
2425
```
2526

2627
The `-g` switch installs the Express Generator globally on your machine so you can run it from anywhere.
@@ -30,7 +31,7 @@ The `-g` switch installs the Express Generator globally on your machine so you c
3031
Next, scaffold a new Express application called `myExpressApp` by running:
3132

3233
```bash
33-
$ express myExpressApp --view pug --git
34+
express myExpressApp --view pug --git
3435
```
3536

3637
The `--view pug --git` parameters tell the generator to use the [pug](https://pugjs.org/api/getting-started.html) template engine (formerly
@@ -39,16 +40,16 @@ known as `jade`) and to create a `.gitignore` file.
3940
To install all of the application's dependencies, go to the new folder and run `npm install`.
4041

4142
```bash
42-
$ cd myExpressApp
43-
$ npm install
43+
cd myExpressApp
44+
npm install
4445
```
4546

4647
## Run the application
4748

4849
Last, let's ensure that the application runs. From the terminal, start the application using the `npm start` command to start the server.
4950

5051
```bash
51-
$ npm start
52+
npm start
5253
```
5354

5455
Now, open your browser and navigate to [http://localhost:3000](http://localhost:3000), where you should see something like this:
@@ -58,10 +59,10 @@ Now, open your browser and navigate to [http://localhost:3000](http://localhost:
5859
Next, open your application folder in VS Code and get ready to deploy it to Azure.
5960

6061
```bash
61-
$ code .
62+
code .
6263
```
6364

64-
----
65+
## Next steps
6566

6667
> [!div class="nextstepaction"]
6768
> [I created the Node.js application](./tutorial-javascript-vscode-deploy-app.md)

articles/app-service/tutorial-javascript-vscode-deploy-app.md

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Deploy the website
2+
title: Azure App Service with Visual Studio Code - deploy your app
33
description: Node.js Deployment to Azure App Services with Visual Studio Code
44
author: KarlErickson
55
ms.author: karler
@@ -18,7 +18,8 @@ In the **AZURE APP SERVICE** explorer, click the blue up arrow icon to deploy yo
1818

1919
![Deploy to Web App](./media/tutorial-javascript-vscode/deploy.png)
2020

21-
> **Tip:** You can also deploy from the **Command Palette** (CTRL + SHIFT + P) by typing 'deploy to web app' and running the **Azure App Service: Deploy to Web App** command.
21+
> [!TIP]
22+
> You can also deploy from the **Command Palette** (CTRL + SHIFT + P) by typing 'deploy to web app' and running the **Azure App Service: Deploy to Web App** command.
2223
2324
1. Choose **Create New Web App**.
2425

@@ -28,7 +29,7 @@ In the **AZURE APP SERVICE** explorer, click the blue up arrow icon to deploy yo
2829

2930
4. Choose your **Node.js version**, LTS is recommended.
3031

31-
The notification channel shows the Azure resources that are being created for your app.
32+
The notification channel shows the Azure resources that are being created for your app.
3233

3334
5. Choose the directory that you currently have open, `myExpressApp`.
3435

@@ -40,7 +41,8 @@ Once the deployment starts, you're prompted to update your workspace so that all
4041

4142
![Configured deployment](./media/tutorial-javascript-vscode/save-configuration.png)
4243

43-
> **Tip:** Be sure that your application is listening on the port provided by the PORT environment variable: `process.env.PORT`.
44+
> [!TIP]
45+
> Be sure that your application is listening on the port provided by the PORT environment variable: `process.env.PORT`.
4446
4547
## Browse the website
4648

@@ -54,7 +56,7 @@ Are you seeing the error **"You do not have permission to view this directory or
5456

5557
You can deploy changes to this app by using the same process and choosing the existing app rather than creating a new one.
5658

57-
----
59+
## Next steps
5860

5961
> [!div class="nextstepaction"]
6062
> [My site is on Azure](./tutorial-javascript-vscode-tail-logs.md)

articles/app-service/tutorial-javascript-vscode-get-started.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Azure App Services with Visual Studio Code
2+
title: Azure App Services with Visual Studio Code - get started
33
description: Node.js Deployment to Azure App Services with Visual Studio Code
44
author: KarlErickson
55
ms.author: karler
@@ -47,7 +47,7 @@ Before we continue, ensure that you have all the prerequisites installed and con
4747

4848
In VS Code, you should see your Azure email address in the Status Bar and your subscription in the **AZURE APP SERVICE** explorer.
4949

50-
----
50+
## Next steps
5151

5252
> [!div class="nextstepaction"]
5353
> [I've installed the Azure App Service extension](./tutorial-javascript-vscode-create-app.md)

articles/app-service/tutorial-javascript-vscode-tail-logs.md

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Viewing the application logs
2+
title: Azure App Service with Visual Studio Code - view logs
33
description: Node.js Deployment to Azure App Services with Visual Studio Code
44
author: KarlErickson
55
ms.author: karler
@@ -54,11 +54,7 @@ Next, check out the other Azure extensions.
5454
Or get them all by installing the
5555
[Node Pack for Azure](https://marketplace.visualstudio.com/items?itemName=ms-vscode.vscode-node-azure-pack) extension pack.
5656

57-
## Learn more at docs.microsoft.com
58-
59-
The [Azure for Node.js](https://docs.microsoft.com/en-us/nodejs/azure/?view=azure-node-2.0.0) developer center on [docs.microsoft.com](https://docs.microsoft.com) has a number of great articles on how to build and deploy Node.js based functions and applications to Azure.
60-
61-
----
57+
## Next steps
6258

6359
> [!div class="nextstepaction"]
6460
> [I'm done!](./app-service-web-tutorial-nodejs-mongodb-app.md)

articles/azure-functions/tutorial-javascript-vscode-create-app.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: Create the application
2+
title: Azure Functions with Visual Studio Code - create an app
33
description: Try Azure Functions for free with Visual Studio Code
44
author: KarlErickson
55
ms.author: karler
@@ -30,11 +30,11 @@ Upon completion, a new directory is created within your Function app named `Http
3030

3131
![Completed Project](./media/tutorial-javascript-vscode/functions-vscode-intro.png)
3232

33-
Next, run your app locally to verify everything is working.
33+
## Next steps
3434

35-
---
35+
Next, you'll run your app locally to verify everything is working.
3636

3737
> [!div class="nextstepaction"]
38-
> [I've created the Function](./tutorial-javascript-vscode-run-app.md)
38+
> [I've created the Function app](./tutorial-javascript-vscode-run-app.md)
3939
> [!div class="nextstepaction"]
4040
> [I ran into an issue](https://www.research.net/r/PWZWZ52?tutorial=node-deployment-azure-functions&step=create-app)

0 commit comments

Comments
 (0)