title: Deploy Web App from Visual Studio Code to Azure App Service
body: <p>I have a "Hello, World" Node.js app. My app has the following structure:</p>
  
  <pre><code>/
    /src
      index.html
    package.json
    README.md
  </code></pre>
  
  <p>The <code>index.html</code> file just contains this:</p>
  
  <pre><code>&lt;html&gt;
    &lt;body&gt;
      &lt;h1&gt;Hello World!&lt;/h1&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I am successfully running this locally using <code>npm test</code> via <code>lite-server</code>. My <code>package.json</code> file looks like this:</p>
  
  <pre><code>{
    "name":"my-hello-world",
    "version":"0.0.1",
    "description":"This is a test",
    "main":"index.js"
    "scripts": {
      "start": "lite-server --baseDir=src"
    },
    "author":"",
    "devDependencies": {
      "lite-server":"^2.5.3"
    }
  }
  </code></pre>
  
  <p>I am attempting to deploy this via the "<a href="https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azureappservice" rel="nofollow noreferrer">Azure App Service</a>" Visual Studio Code extension. To do this, I:</p>
  
  <ol>
  <li>Right-click on my app service in the explorer.</li>
  <li>Choose "Deploy to Web App..."</li>
  <li>Select the "src" directory.</li>
  <li>Click the "Deploy" button </li>
  </ol>
  
  <p>When I click "Browse Website", I just see a "Hey, Node developers!" splash screen. However, when I run <code>npm start</code> on my local machine, the "Hello World!" page shows as expected. What am I missing?</p>