You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: notebooks/part0_python_intro/07b_VSCode.md
+27-11Lines changed: 27 additions & 11 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,11 +1,13 @@
1
+

2
+
1
3
# 07b: VSCode Tutorial
2
4
In this tutorial we will explore using an integrated development environment (IDE) for python programming. IDEs offer many advantages over Jupyter Notebooks, particularly for developing production code that will be reused many times and shared with others. The advantages of IDEs include:
3
5
**Linting* to catch errors, dead code, and other code quality issues
4
6
* automatic docstring generation and other auto completion
5
7
* code navigation (jumping to function definitions, etc.)
6
8
* interactive debugging (including plotting)
7
9
* support for automated testing and version control
8
-
* unlike Notebooks, code is always executed in the same order (as it would be by another user), thereby increasing the chances for reproducibility.
10
+
* unlike Notebooks, code is always executed from start to finish (as it would be by another user), thereby increasing the chances for reproducibility.
9
11
10
12
VSCode offers the above advantages, and many other features through Extensions (plugins) that can be created by anyone. VSCode is also free and works well with large files (GB in size). The Live Share plugin allows for real-time code collaboration and debugging with multiple people.
11
13
@@ -16,7 +18,8 @@ If you haven't yet, install VS Code [here](https://code.visualstudio.com/downloa
16
18
Once VSCode is installed,
17
19
* Open ``notebooks/part0_python_intro/solutions/07a_Theis-exercise-solution.ipynb`` in Jupyter
18
20
* From the ``File`` menu, select ``Save and Export Notebook as`` and then ``Executable Script``. This will create a python script version of the notebook (``07a_Theis-exercise-solution.py``)
19
-
* Save ``07a_Theis-exercise-solution.py`` to the ``notebooks/part0_python_intro`` folder (or copy it there from your Downloads folder).
21
+
* Rename this file to ``my_07a_Theis-exercise-solution.py``
22
+
* Save ``my_07a_Theis-exercise-solution.py`` to the ``notebooks/part0_python_intro`` folder (or copy it there from your Downloads folder).
20
23
21
24
### Launching VSCode
22
25
* Open a fresh Miniforge prompt from the Start menu and navigate to the root folder for the class (containing the ``AGENDA.md`` file).
@@ -27,22 +30,23 @@ Once VSCode is installed,
27
30
### Getting started
28
31
See [here](https://code.visualstudio.com/docs/getstarted/userinterface) for an overview of the VSCode user interface.
29
32
30
-
Once VSCode is launched, click on [the Extensions icon](https://code.visualstudio.com/docs/editor/extension-marketplace) on the activity bar on the left. Install the following extensions:
33
+
Once VSCode is launched, click on [the Extensions icon](https://code.visualstudio.com/docs/editor/extension-marketplace) on the Activity Bar on the left. Install the following extensions:
31
34
* Python
32
35
* Python indent
33
36
* Pylance
34
37
* Partial Diff
35
38
* Jupyter
36
39
* Code spell checker
37
40
* autoDocstring
41
+
* Rainbow CSV
38
42
39
43
You may find other cool extensions that you want too. A key indicator of an extension's quality is the number of downloads.
40
44
41
45
### Linting
42
-
Now let's open the script we copied earlier (``notebooks/part0_python_intro/07a_Theis-exercise-solution.py``). You can do this from the File Explorer on the left side of the screen.
46
+
Now let's open the script we copied earlier (``notebooks/part0_python_intro/my_07a_Theis-exercise-solution.py``). You can do this from the File Explorer on the left side of the screen.
43
47
44
-
* as you scroll down through the script, note that "ts" is grayed out in the statement ``for ts in t:``on line 213. This is the linter telling us that this variable is declared but never used. This is "dead code" that we want remove by refactoring.
45
-
* similarly, note further down that the variables ``x`` and ``y`` are underlined on lines 253 and 254. The linter is warning us that these variables were never declared. This is because their declarations were wrapped in the ``get_ipython().run_cell_magic`` statement on line 232, in translation of the notebook to a script.
48
+
* as you scroll down through the script, note that "ts" is grayed out in the statement ``for ts in t:``near line 213. This is the linter telling us that this variable is declared but never used. This is "dead code" that we want remove by refactoring.
49
+
* similarly, note further down that the variables ``x`` and ``y`` are underlined near lines 253 and 254. The linter is warning us that these variables were never declared. This is because their declarations were wrapped in the ``get_ipython().run_cell_magic`` statement near line 232, in translation of the notebook to a script.
46
50
47
51
### Cleaning up the script
48
52
Let's clean up the script so that
@@ -61,12 +65,14 @@ Let's use Partial Diff to compare our script to the class solution. Assuming the
61
65
* Partial Diff will open up a third window showing the differences
62
66
63
67
### Debugging
64
-
* Place a break point anywhere below the first ``theis()`` call in the ``__main__`` part of the script.
68
+
* Place a break point anywhere below the first ``theis()`` call in the ``__main__`` part of the script, by clicking to the left of a line number (you should see a red dot).
69
+
* If needed, select the ``pyclass` environment as the Python interpreter. Go to ``View --> Command Palette``, then type ``Python: Select Interpreter``. Choose the option with ``(pyclass)`` from the dropdown menu.
70
+
* With the Python script (e.g.``07a_Theis-exercise-solution.py``) tab selected, you should see some version numbers followed by ``(pyclass)`` in the bottom right of the VS Code window. Note that you can also click here to change the Python environment.
65
71
* Then go to either ``Run --> Start Debugging`` or click on the debug icon in the Activity Bar and choose ``Run and Debug``. Choose ``Python File`` if prompted for a configuration. The debugger should run to the break point.
66
72
67
73
Often it is prudent to include internal checks in code, regardless of the context. There are a number of ways to do this; a simple one is an ``assert`` statement that checks a condition.
68
74
69
-
* Add an ``s = `` in front of the first ``theis()`` call to assign the results to a variable, and then right below, the following ``assert`` statement:
75
+
* Add an ``s = `` in front of the first ``theis()`` call to assign the results to a variable, and then in the line below, the following ``assert`` statement:
70
76
```
71
77
assert np.allclose(s, 1.40636669)
72
78
```
@@ -77,9 +83,9 @@ Often it is prudent to include internal checks in code, regardless of the contex
77
83
#### The debug working directory
78
84
Import ``pathlib`` and type ``pathlib.Path.cwd()`` in the debug console. Note that the current directory is the root folder for the class (where we launched VSCode). VSCode is structured around projects, which include everything in a folder that was opened (and any subfolders). By default, the working directory for debugging is set at the root level for the project. We can change this (and other debugging settings), by creating a configuration file called ``launch.json``, which lives inside of a ``.vscode/`` folder at the root level of the project.
79
85
80
-
* After stopping the debugging session, make a default ``launch.json`` by clicking on the debug icon in the Activity Bar and then ``create a launch.json file``. Choose ``Python File`` if prompted for a configuration. A new tab will open up with ``launch.json``. Add ``"cwd": "${fileDirname}"`` at the bottom (don't forget the preceding comma!) so that the file looks like this:
86
+
* After stopping the debugging session, make a default ``launch.json`` by clicking on the debug icon in the Activity Bar and then ``create a launch.json file``. Choose ``Python Debugger`` and then ``Python File`` if prompted for a configuration. A new tab will open up with ``launch.json``. Add ``"cwd": "${fileDirname}"`` at the bottom (don't forget the preceding comma!) so that the file looks like this:
81
87
82
-
```
88
+
```json
83
89
{
84
90
// Use IntelliSense to learn about possible attributes.
85
91
// Hover to view descriptions of existing attributes.
@@ -110,12 +116,22 @@ The Run and Debug view on the left (available via the Activity Bar) shows the cu
110
116
During a debug session, as long as matplotlib has been imported, one can make plots via the Debug Console or by putting plotting code in the script.
111
117
112
118
### Automatic docstring generation
113
-
Right click at the beginning of the first line *below* the ``def`` statement for any of the functions and choose ``Generate docstring``. The autoDocstring extension should make a new template for a numpy docstring that includes all of the parameters listed in the function signature.
119
+
Right click at the beginning of the first line *below* the ``def`` statement for any of the functions and choose ``Generate docstring``. The autoDocstring extension should make a new template for a docstring that includes all of the parameters listed in the function signature.
120
+
121
+
Note the format of the docstring, which may be different than the [Numpy-style docstrings](https://numpydoc.readthedocs.io/en/latest/format.html) in the class solution (the most widely-used format for scientific Python). To generate Numpy-style docstrings by default, click on [the Extensions icon](https://code.visualstudio.com/docs/editor/extension-marketplace) on the Activity Bar on the left. Find the autoDocstring extension, right click and select ``Settings``. In the ``Auto Docstring: Docstring Format`` drop-down, select ``numpy``.
In the main part of the script, right click on one of the function calls (e.g. ``theis``) and choose ``Go to Definition``. VSCode should take you to where the function is defined. Right clicking on ``theis`` after the ``def`` and then ``Go to References`` opens a "peek" window with a list of all of the times ``theis()`` is called. Clicking on one of them takes you to that location in the script.
117
125
118
126
Navigation works across modules and packages too. If you right click on ``np.meshgrid`` in the main part of the script and ``Go to Definition``, VSCode takes you to the relevant code in ``numpy``.
119
127
128
+
### Code search
129
+
VS Code's powerful search capabilities are another key feature.
130
+
* To search for text within a script (for example, the ``theis_xy`` function name), select ``Edit --> Find`` or press ``Ctrl+F``.
131
+
* You can also highlight text and press ``Ctrl+F`` to auto-fill the search bar.
132
+
* ``Edit --> Find in Files`` will quickly search across all files in a project (i.e., everything within the root folder for the class, which we launched VS Code from earlier).
133
+
* ``Edit --> Replace in Files`` can be used to quickly refactor variable names across multiple code modules.
134
+
* In complex scripts or workflows, **ease of search is a key reason to choose meaningful and unique variable names!**
135
+
120
136
### Liveshare
121
137
We will demo the Live Share extension during the class. In the meantime, you can learn more about it [here](https://code.visualstudio.com/learn/collaboration/live-share).
0 commit comments