Skip to content

Commit dd7c2ec

Browse files
authored
Merge pull request #261 from team-dev-docs/docs_internal-docs_use_our_vs_code_extension_with_continue.mdm33iy3ow-cuaxp
Dev-Docs Update
2 parents 7fb4b85 + c0500bf commit dd7c2ec

File tree

1 file changed

+61
-0
lines changed

1 file changed

+61
-0
lines changed
Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
2+
3+
## Step 1: Open Continue
4+
5+
Open your VS Code workspace and ensure the Continue extension is installed and running.
6+
7+
![Continue extension interface](/img/use_our_vs_code_extension_with_continue/step_1.png)
8+
## Step 2: Navigate to the Continue Interface
9+
10+
Click on the Continue icon in the sidebar to open the Continue interface.
11+
12+
![Continue sidebar icon](/img/use_our_vs_code_extension_with_continue/step_2.png)
13+
## Step 3: View the Tutorial
14+
15+
The Continue tutorial will be displayed, showing a sample Python sorting algorithm.
16+
17+
![Continue tutorial](/img/use_our_vs_code_extension_with_continue/step_3.png)
18+
## Step 4: Access Dev-Docs
19+
20+
Click on the "Dev-Docs logo icon" button in the sidebar to open the Dev-Docs interface. Then click the button generate context.
21+
22+
![Dev-Docs interface](/img/use_our_vs_code_extension_with_continue/step_4.png)
23+
## Step 5: Generate New Document
24+
25+
In the Dev-Docs interface, you can generate new high level documentation for your repository. Select the files you want to generate documentation on.
26+
27+
![Generate new document](/img/use_our_vs_code_extension_with_continue/step_5.png)
28+
## Step 6: View File Explorer
29+
30+
Markdown files will now populate in the "dev-docs" folder.
31+
32+
![File explorer](/img/use_our_vs_code_extension_with_continue/step_6.png)
33+
## Step 7: Use Continue Search
34+
35+
In the Continue interface, use the search functionality to find specific folders or files in your project.
36+
37+
![Continue search](/img/use_our_vs_code_extension_with_continue/step_8.png)
38+
## Step 8: Search for Dev-Docs
39+
40+
Type "@dev-docs" in the Continue search bar to quickly access the Dev-Docs related files and folders.
41+
42+
![Search for Dev-Docs](/img/use_our_vs_code_extension_with_continue/step_9.png)
43+
## Step 9: Access Dev-Docs Content
44+
45+
After searching for "@dev-docs", you can now easily access and navigate through your Dev-Docs content.
46+
47+
![Access Dev-Docs content](/img/use_our_vs_code_extension_with_continue/step_10.png)
48+
## Step 10: Ask Questions
49+
50+
Use the Continue interface to ask questions about your project using the "dev-docs folder" For example here we ask "What AI model does spriteai use?"
51+
52+
![Ask questions](/img/use_our_vs_code_extension_with_continue/step_11.png)
53+
## Step 11: View AI Model Information
54+
55+
Continue will provide information about the AI models used in your project based on the Dev-Docs content.
56+
57+
![View AI model information](/img/use_our_vs_code_extension_with_continue/step_14.png)
58+
59+
By following these steps, you can effectively use the Dev-Docs VS Code extension in conjunction with the Continue extension to improve your development workflow and easily access project documentation.
60+
61+

0 commit comments

Comments
 (0)