Skip to content

Commit 873b79b

Browse files
author
ajosh0504
committed
Updating screenshots
1 parent 984c771 commit 873b79b

12 files changed

+11
-19
lines changed

docs/20-dev-env/2-dev-env-setup.mdx

Lines changed: 11 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -20,45 +20,37 @@ Let it run for a few seconds as it prepares a Docker container with all the requ
2020

2121
Once the environment is built, you will be prompted to connect to the MongoDB cluster via MongoDB's VSCode extension. This will allow you to visualize the data that we will import into the cluster later in the lab, directly from the VSCode IDE.
2222

23-
To connect to the cluster, click the **Connect** button.
23+
To connect to the cluster, click the leaf icon in the left navigation bar of the IDE.
2424

25-
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/2-click-connect.png" alt="Click Connect" />
25+
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/2-click-leaf.png" alt="Click leaf icon" />
2626

27-
In the modal that appears at the top of the screen, copy and paste the following string, and hit **Enter** on your keyboard:
27+
Under **Connections**, click the _mongodb:27017_ connection. This should automatically establish a connection to the local MongoDB cluster running on port 27017.
2828

29-
<div>
30-
```
31-
mongodb://admin:mongodb@mongodb:27017/
32-
```
33-
</div>
29+
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/3-connect-cluster.png" alt="Connect to the cluster" />
3430

35-
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/3-enter-connection-string.png" alt="Enter connection string" />
31+
If the connection was successful, you should see the message **Connected to: mongodb:27017** with a green indicator.
3632

37-
If the connection was successful, you should see **Connected to: mongodb:27017** with a green indicator.
33+
You will also see the default databases in the cluster appear under **Connections**. Any additional databases we create during the lab will also appear here.
3834

3935
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/4-connection-successful.png" alt="Connection successful" />
4036

41-
You can view the default and any additional collections we create on the cluster during the lab by clicking the leaf icon in the left navigation bar of the IDE.
42-
43-
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/5-view-collections.png" alt="View collections" />
44-
4537
### Jupyter Notebook setup
4638

4739
You will be filling code in a Jupyter Notebook during this lab, so let's get set up with that next!
4840

4941
Within the codespace, click on the files icon in the left navigation bar of the IDE. In the Explorer menu, under `notebooks`, click on the file named `vector-search-lab.ipynb` to open the Jupyter Notebook for this lab.
5042

51-
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/6-nav-notebook.png" alt="Navigate to the notebook" />
43+
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/5-nav-notebook.png" alt="Navigate to the notebook" />
5244

5345
Next, select the Python interpreter by clicking **Select Kernel** at the top right of the IDE.
5446

55-
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/7-select-kernel.png" alt="Select kernel" />
47+
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/6-select-kernel.png" alt="Select kernel" />
5648

5749
In the modal that appears, click **Python environments...** and select the interpreter that is marked as **Recommended** or **Global Env**.
5850

59-
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/8-python-env-modal.png" alt="Select Python Environments" />
51+
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/7-python-env-modal.png" alt="Select Python Environments" />
6052

61-
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/9-select-recommended.png" alt="Select recommended interpreter" />
53+
<Screenshot url="https://github.com/codespaces" src="img/screenshots/20-dev-env/2-dev-env-setup/8-select-recommended.png" alt="Select recommended interpreter" />
6254

6355
That's it! You're ready for the lab!
6456

@@ -104,4 +96,4 @@ jupyter notebook
10496

10597
* In the browser tab that pops up, open the file named `vector-search-lab.ipynb`.
10698

107-
<Screenshot url="localhost:8888/tree" src="img/screenshots/20-dev-env/2-dev-env-setup/10-jupyter-notebook.png" alt="Jupyter Notebook" />
99+
<Screenshot url="localhost:8888/tree" src="img/screenshots/20-dev-env/2-dev-env-setup/9-jupyter-notebook.png" alt="Jupyter Notebook" />
Binary file not shown.
136 KB
Loading
107 KB
Loading
Binary file not shown.
40.7 KB
Loading
Binary file not shown.

0 commit comments

Comments
 (0)