|
|
--- |
|
|
Order: 6 |
|
|
Area: nodejsdeployment |
|
|
TOCTitle: Publish changes |
|
|
PageTitle: Publish changes |
|
|
MetaDescription: |
|
|
MetaSocialImage: |
|
|
DateApproved: 10/5/2017 |
|
|
ShortDescription: |
|
|
--- |
|
|
# Publish Changes to your Application |
|
|
|
|
|
In this step, you will make changes to your application, commit them to the local Git repository, and then redeploy your site by pushing to Azure. |
|
|
|
|
|
## Edit Your Application |
|
|
|
|
|
Open the `myExpressApp` folder in Visual Studio Code. |
|
|
|
|
|
 |
|
|
|
|
|
Open `views/index.pug` and change line 5 to say something fun such as 'VS Code Rocks!!' and then save the file (`kb(workbench.action.files.save)`). |
|
|
|
|
|
 |
|
|
|
|
|
> Pro Tip: Turn on "AutoSave" from the **File** > **AutoSave** menu! |
|
|
|
|
|
## Commit Changes |
|
|
|
|
|
Open the **Source Control** view (`kb(workbench.view.scm)`), enter a commit message, and press `kbstyle(Ctrl+Enter)` to commit the change (`kbstyle(Cmd+Enter)` on macOS). |
|
|
|
|
|
 |
|
|
|
|
|
## Publish Changes to Website |
|
|
|
|
|
Click on the **Source Control** overflow menu (**...**) and choose **Publish**. |
|
|
|
|
|
 |
|
|
|
|
|
You will be prompted for a Remote to publish to, choose `Azure`. |
|
|
|
|
|
 |
|
|
|
|
|
Your changes will then be deployed to the Website. Refresh your application and you should see the changes. |
|
|
|
|
|
 |
|
|
|
|
|
---- |
|
|
|
|
|
<a class="tutorial-next-btn" href="/tutorials/nodejs-deployment/extensions">I can see my changes!</a> <a class="tutorial-feedback-btn" onclick="reportIssue('node-deployment', 'publishing-changes')" href="javascript:void(0)">I ran into an issue</a> |