initial content for quickstart

content/copilot/quickstart.md

@@ -1,8 +1,52 @@
 ---
 title: Quickstart for GitHub Copilot
-intro: 'ADD INTRO.'
+intro: '{% data variables.product.prodname_copilot %} can help you work, by offering inline suggestions as you code.'
+product: '{% data reusables.gated-features.copilot %}'
 versions:
   fpt: '*'
   ghec: '*'
 shortTitle: Quickstart
----
+topics:
+  - Copilot
+---
+
+## Introduction
+
+{% data variables.product.prodname_copilot %} is an AI pair programmer. You can use {% data variables.product.prodname_copilot %} to get suggestions for whole lines or entire functions right inside your editor.
+
+This guide will show you how to sign up for {% data variables.product.prodname_copilot %}, install the {% data variables.product.prodname_copilot %} extension, and get your first suggestion, within Visual Studio Code. For more information on {% data variables.product.prodname_copilot %}, see "[About {% data variables.product.prodname_copilot %}](/copilot/overview-of-github-copilot/about-github-copilot)." For more in-depth information on how to use {% data variables.product.prodname_copilot %} in a variety of environments, see  the [Getting Started](/copilot/getting-started) documentation."
+
+## Prerequisites
+
+{% data reusables.copilot.copilot-prerequisites %}
+- To use {% data variables.product.prodname_copilot %} in Visual Studio Code, you must have Visual Studio Code installed. For more information, see the [Visual Studio Code](https://code.visualstudio.com/) documentation.
+
+## Signing up for {% data variables.product.prodname_copilot %}
+
+
+## Installing the {% data variables.product.prodname_copilot %} extension for Visual Studio Code
+
+
+## Getting your first suggestion
+
+{% data reusables.copilot.supported-languages %} The following samples are in JavaScript, but other languages will work similarly.
+
+{% data reusables.copilot.create-js-file %}
+{% data reusables.copilot.type-function-header %}
+   {% data variables.product.prodname_copilot %} will automatically suggest an entire function body in grayed text, as shown below. The exact suggestion may vary.
+   ![First suggestion Visual Studio Code](/assets/images/help/copilot/first-suggestion-visual-studio-code.png)
+{% data reusables.copilot.accept-suggestion %}
+
+## Next Steps
+
+You successfully installed {% data variables.product.prodname_copilot %} and received your first suggestion, but that's just the beginning! Here are some helpful resources for taking your next steps with {% data variables.product.prodname_copilot %}.
+
+- [Getting Started](/copilot/getting-started): You've learned how to get your first suggestion in Visual Studio Code. These guides show you how to set up and navigate the various functions of {% data variables.product.prodname_copilot %} across all of the supported environments.
+- [{% data variables.product.prodname_copilot %} in practice](/copilot/overview-of-github-copilot/github-copilot-in-practice): This article details some of the additional ways {% data variables.product.prodname_copilot %} can help you.
+- [Configuring {% data variables.product.prodname_copilot %}](/copilot/configuring-github-copilot): This guide provides details on how to configure {% data variables.product.prodname_copilot %} to your personal preferences.
+
+
+## Further reading
+
+- [About {% data variables.product.prodname_copilot %}](/copilot/overview-of-github-copilot/about-github-copilot)
+- [About {% data variables.product.prodname_copilot %} telemetry](/copilot/overview-of-github-copilot/about-github-copilot-telemetry)