Lab 6: Formatting and Linting - A Step-by-Step Guide

In this lab, developer Chris Duarte implemented a formatter and linter into their F2Read repository project. The chosen tools were Prettier Formatter and ESLint. Prettier is a VSCode extension and/or npm module that formats code in a nice-looking way with a simple command or button click. ESLint is another extension and/or npm module that checks for lint warnings and errors live while programming or with a simple command run.

The developer followed the official documentation to set up both tools, including running various commands, ignoring certain files and folders, and configuring format settings. The process was smooth, with no issues reported during formatting or linting.

In addition to setting up the tools, Chris also discussed how to integrate them into their IDE, providing screenshots for context. Overall, this lab provided a learning experience in installing formatters and linters, as well as setting up auto formatting and live linting.

Source: https://dev.to/cduarte3/lab-6-formatting-and-linting-23pb