new page

content/open-data-folder.md

@@ -0,0 +1,17 @@
+---
+layout: default
+title: Open Data Folder
+parent: Hands On
+nav_order: 1
+---
+# Open Data in Code Editor
+
+First open the Visual Studio Code (VS Code) application. Make sure your data folder is unzipped. To open `intro-leaflet-data` with VS Code, select Open... from the Welcome Page and navigate to your data folder is stored on your computer. Select it (but don't click into it) and hit Open. 
+
+![opening folder in vs code](./vscode-open-folder_20240212.png)
+
+<br>
+
+Once opened, you should see two files in the Explorer panel of your code editor. `ubcbuildings.js` is the data file, and the `boilerplate.html` is the map boilerplate.
+
+![folder open](./vscode-folder-open_20240418.png)