vincentsels
diff --git a/‎Week1/MAKEME.md
Lines changed: 15 additions & 1 deletion b/‎Week1/MAKEME.md
Lines changed: 15 additions & 1 deletion
diff --git a/‎Week1/assets/eslint_autofix.png
7.96 KB b/‎Week1/assets/eslint_autofix.png
7.96 KB
diff --git a/‎Week1/assets/eslint_install.png
35.5 KB b/‎Week1/assets/eslint_install.png
35.5 KB
diff --git a/‎Week1/assets/eslint_view_errors.png
38 KB b/‎Week1/assets/eslint_view_errors.png
38 KB
@@ -82,8 +82,8 @@ You will be working on the same application during the next three weeks. For eac
    ```
 
 - [ ] Clone the fork to your laptop.
+
 - [ ] Open the newly created `JavaScript3` folder from the cloned repository in VS Code *(always open this entire main folder!)*
-- [ ] Install the [**ESLint**](https://eslint.org/) extension in VS Code. This extension will highlight and inform you of any violations of the style guide, and allow you to auto-fix a lot of issues. You should probably also already install the [**EditorConfig for VS Code**](https://editorconfig.org/) plugin. Although it's not required in our case because we all use the same editor, it will come in handy when you work on public projects in the future.
 
 - [ ] Open a Terminal window in VS Code or elsewhere, and **from the main JavaScript3 folder**, type the following command to install the airbnb style guide and ESLint tools as required for the homework:
 
@@ -96,6 +96,20 @@ You will be working on the same application during the next three weeks. For eac
    ```
    git checkout -b week1
    ```
+   
+- [ ] Install the [**ESLint**](https://eslint.org/) extension in VS Code. This extension will highlight and inform you of any violations of the style guide, and allow you to auto-fix a lot of issues. You should probably also already install the [**EditorConfig for VS Code**](https://editorconfig.org/) plugin. Although it's not required in our case because we all use the same editor, it will come in handy when you work on public projects in the future.
+
+  **Installing ESLint**:
+
+  ![Installing ESLint](./assets/eslint_install.png)
+
+  **Inspecting issues**: Your errors will be highlighted in the editor, and you get an overview in the 'Problems' window; which you access by clicking the little icon in the bottom-left corner. Selecting an error from this list naviates directly to it.
+
+  ![Inspecting ESLint issues](./assets/eslint_view_errors.png)
+
+  **Auto-fix issues**: Press `ctrl+shift+p`, type `eslint` and choose 'Fix all auto-fixable Problems'. You may have to do this a few times.
+
+  ![Inspecting ESLint issues](./assets/eslint_autofix.png)
 
 ## Part 2 - <small>Call the API</small>
 **Deadline: Wednesday evening**