Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 33 additions & 11 deletions blog/Use Dev-Docs with Continue.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,16 @@
---


---
title: Contextual documentation with Dev-Docs and Continue
authors: andrew
header_image: /img/dev-docs-assets/ClippedHeroBg.png
text_color: white
tags: [docs, seo, sales]
tags: [docs, seo, sales, ai, code-assistant]
---

# **Contextual documentation with Dev-Docs and Continue**

[Continue](https://www.continue.dev/) is the leading open-source AI code assistant. Its IDE extensions allow you to leverage AI in your code editor to ask questions about your codebase and generate code. Whats even more awesome is that it is extensible—for example, you can use any models you want with it!
[Continue](https://www.continue.dev/) is the leading open-source AI code assistant. Its IDE extensions allow you to leverage AI in your code editor to ask questions about your codebase and generate code. What's even more awesome is that it is extensible—for example, you can use any models you want with it!

<br></br>

Expand All @@ -34,23 +36,25 @@ Install Continue in VS Code

# **Step 1: Open the Dev-Docs extension and sign in**

Select the Dev-Docs extension icon from the Activity Bar on the left and then Sign In
Select the "Dev-Docs" extension icon from the Activity Bar on the left and then "Sign In"

<br></br>

![image.png](/img/use_dev-docs_with_continue/step_8.png)

<br></br>

Once you are signed in, you will need to create an org name for your team. For example, our org name here is devdocscontinueblog
Once you are signed in, you will need to create an org name for your team. For example, our org name here is "devdocscontinueblog"

<br></br>

![step_11.png](/img/use_dev-docs_with_continue/step_11.png)

<br></br>

Step 2: Click the “Setup my repo” button and then the “Generate Context” button
# **Step 2: Set up your repository and generate context**

Click the "Setup my repo" button and then the "Generate Context" button

<br></br>

Expand All @@ -74,11 +78,11 @@ Select the "Generate Context" button

<br></br>

# **Step 3: Select the files you want to use and generate the contextual documentation[](https://www.docs.dev/docs/Internal-Docs/Use%20our%20Vs%20Code%20Extension%20with%20continue#step-4-select-files)**
# **Step 3: Select files and generate contextual documentation**

<br></br>

Choose the files you want to be used as input for the contextual documentation, making sure "Codebase" is selected, and then click Generate New Doc
Choose the files you want to be used as input for the contextual documentation, making sure "Codebase" is selected, and then click "Generate New Doc"

<br></br>

Expand All @@ -98,7 +102,7 @@ When you navigate back to the file explorer you should see some files populated

<br></br>

Click the Continue extension icon in the Activity Bar and sign in with your GitHub account to use the Continue free trial models (or add your own API keys if youd like instead)
Click the Continue extension icon in the Activity Bar and sign in with your GitHub account to use the Continue free trial models (or add your own API keys if you'd like instead)

<br></br>

Expand All @@ -118,10 +122,28 @@ Continue will automatically allow you to use dev-docs folder as context (using t

<br></br>

Try asking questions like @dev-docs what technologies are used?
Try asking questions like "@dev-docs what technologies are used?"

<br></br>

![step_28.png](/img/use_dev-docs_with_continue/step_28.png)

<br></br>
<br></br>

# Step 6: Leveraging Dev-Docs context in Continue

Now that you have set up both Dev-Docs and Continue, you can take full advantage of the contextual documentation generated by Dev-Docs within Continue. Here are some additional ways to utilize this powerful combination:

1. **Code explanations**: Ask Continue to explain specific parts of your codebase using the Dev-Docs context. For example, "@dev-docs explain the purpose of the main function in app.js".

2. **Architecture overview**: Use the generated documentation to get a high-level understanding of your project structure. Try asking "@dev-docs summarize the overall architecture of this project".

3. **Dependency insights**: Inquire about the libraries and frameworks used in your project. For instance, "@dev-docs list the main dependencies and their versions".

4. **Best practices**: Leverage the contextual documentation to ensure you're following project-specific conventions. Ask questions like "@dev-docs what are the coding standards for this project?".

5. **Troubleshooting**: When facing issues, use the Dev-Docs context to help identify potential problems. For example, "@dev-docs are there any known issues or limitations with the current implementation?".

By combining the power of Dev-Docs' contextual documentation with Continue's AI-driven code assistance, you can significantly enhance your development workflow and maintain a deeper understanding of your codebase.