Change "code completion" to "inline suggestions" throughout the docs (#57919)
Co-authored-by: hubwriter <hubwriter@github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
This commit is contained in:
@@ -20,7 +20,7 @@ category:
|
||||
|
||||
### Prerequisites
|
||||
|
||||
This guide assumes that you know how to use {% data variables.copilot.copilot_chat_short %} and {% data variables.product.prodname_copilot_short %} code completion in your IDE. See [AUTOTITLE](/copilot/using-github-copilot/copilot-chat/asking-github-copilot-questions-in-your-ide) and [AUTOTITLE](/copilot/using-github-copilot/getting-code-suggestions-in-your-ide-with-github-copilot).
|
||||
This guide assumes that you know how to use {% data variables.copilot.copilot_chat_short %} and {% data variables.product.prodname_copilot_short %} inline suggestions in your IDE. See [AUTOTITLE](/copilot/using-github-copilot/copilot-chat/asking-github-copilot-questions-in-your-ide) and [AUTOTITLE](/copilot/using-github-copilot/getting-code-suggestions-in-your-ide-with-github-copilot).
|
||||
|
||||
## Start with the basics
|
||||
|
||||
@@ -84,9 +84,9 @@ To get started, write a simple program that you would be able to write easily in
|
||||
|
||||
* `Suggests ways I could enhance this app.`
|
||||
|
||||
### Use comments and {% data variables.product.prodname_copilot_short %} code completion
|
||||
### Use comments and {% data variables.product.prodname_copilot_short %} inline suggestions
|
||||
|
||||
As an alternative to asking {% data variables.copilot.copilot_chat_short %} to suggest the basic code for a new program, you can write comments in the editor and see what suggestions {% data variables.product.prodname_copilot_short %} code completion offers.
|
||||
As an alternative to asking {% data variables.copilot.copilot_chat_short %} to suggest the basic code for a new program, you can write comments in the editor and see what code {% data variables.product.prodname_copilot_short %} suggests.
|
||||
|
||||
For example:
|
||||
|
||||
@@ -105,7 +105,7 @@ For example:
|
||||
|
||||
1. If necessary, change the comment syntax to match the language you are using.
|
||||
1. Change `NEW-LANGUAGE` to the name of the language you are using. This, and the file name extension, will tell {% data variables.product.prodname_copilot_short %} which language to use.
|
||||
1. Press return and tab to see and accept the code completion suggestions that {% data variables.product.prodname_copilot_short %} offers. Continue accepting suggestions until you have a complete program.
|
||||
1. Press return and tab to see and accept the inline suggestions that {% data variables.product.prodname_copilot_short %} offers. Continue accepting suggestions until you have a complete program.
|
||||
1. Read through the code to see how it works. If you don't understand any part of the code, ask {% data variables.product.prodname_copilot_short %} to explain it. For example:
|
||||
|
||||
1. Select one or more lines of code that you don't understand.
|
||||
|
||||
@@ -133,7 +133,7 @@ Developers **should not**:
|
||||
### Recommended features
|
||||
|
||||
* [{% data variables.copilot.copilot_chat_dotcom_short %}](/copilot/using-github-copilot/copilot-chat/asking-github-copilot-questions-in-github)
|
||||
* [{% data variables.product.prodname_copilot_short %} code completion](/copilot/using-github-copilot/getting-code-suggestions-in-your-ide-with-github-copilot)
|
||||
* [{% data variables.product.prodname_copilot_short %} inline suggestions](/copilot/using-github-copilot/getting-code-suggestions-in-your-ide-with-github-copilot)
|
||||
* [{% data variables.copilot.copilot_chat_short %} in the IDE](/copilot/using-github-copilot/copilot-chat/asking-github-copilot-questions-in-your-ide)
|
||||
* [{% data variables.copilot.copilot_coding_agent %}](/copilot/concepts/about-copilot-coding-agent)
|
||||
|
||||
|
||||
@@ -67,7 +67,7 @@ Once {% data variables.product.prodname_spark_short %} is done generating your a
|
||||
1. To make changes to your app using **natural language**, under the "Iterate" tab in the left sidebar, enter your instructions in the main input field, then submit.
|
||||
1. Optionally, click one of the "Suggestions" directly above the input field in the "Iterate" tab to develop your app.
|
||||
1. {% data variables.product.prodname_spark_short %} automatically alerts you to detected errors. To fix the errors, click **Fix All** above the input field in the "Iterate" tab.
|
||||
1. Optionally, click **{% octicon "code" aria-hidden="true" aria-label="code" %} Code** to view and edit the underlying code. The code editing panel has {% data variables.product.prodname_copilot_short %} code completion built in.
|
||||
1. Optionally, click **{% octicon "code" aria-hidden="true" aria-label="code" %} Code** to view and edit the underlying code. The code editing panel has {% data variables.product.prodname_copilot_short %} inline suggestions built in.
|
||||
1. To make targeted changes to a specific element of your app click the **target icon** in the top right corner then hover over and select an element in the live preview pane.
|
||||
|
||||
## Step 3: Customize the styling of your app
|
||||
@@ -129,8 +129,8 @@ You can view or edit your app’s code directly in {% data variables.product.pro
|
||||
> * Directly editing the React code **lets you add model context**, as long as you follow valid syntax and {% data variables.product.prodname_spark_short %}'s framework.
|
||||
|
||||
1. To edit code in {% data variables.product.prodname_spark_short %}:
|
||||
* Click **{% octicon "code" aria-label=“Code” %} Code**.
|
||||
* Navigate the file tree and make any edits, with access to Copilot code completions in the editor. Changes are reflected instantly in the live preview window.
|
||||
* Click **{% octicon "code" aria-hidden="true" aria-label="Code" %} Code**.
|
||||
* Navigate the file tree and make any edits, with access to Copilot inline suggestions in the editor. Changes are reflected instantly in the live preview window.
|
||||
1. To make more advanced edits:
|
||||
* In the top right corner, click **{% octicon "kebab-horizontal" aria-label="More actions" %}**, then click **{% octicon "codespaces" aria-label=“Open codespace” %} Open codespace** (a full-featured cloud IDE) to launch a codespace in a new browser tab.
|
||||
* Once inside the codespace, click **{% octicon "copilot" aria-hidden="true" aria-label="copilot" %}** to open {% data variables.product.prodname_copilot_short %} to make more advanced changes.
|
||||
|
||||
Reference in New Issue
Block a user