Book Image

MEAN Web Development - Second Edition

By : Amos Q. Haviv
Book Image

MEAN Web Development - Second Edition

By: Amos Q. Haviv

Overview of this book

The MEAN stack is a collection of the most popular modern tools for web development that helps you build fast, robust, and maintainable web applications. Starting with the MEAN core frameworks, this pragmatic guide will explain the key concepts of each framework, how to set them up properly, and how to use popular modules to connect it all together. By following the real-world examples shown in this tutorial, you will scaffold your MEAN application architecture, add an authentication layer, and develop an MVC structure to support your project development. You will learn the best practices of maintaining clear and simple code and will see how to avoid common pitfalls. Finally, you will walk through the different tools and frameworks that will help expedite your daily development cycles. Watch how your application development grows by learning from the only guide that is solely orientated towards building a full, end-to-end, real-time application using the MEAN stack!
Table of Contents (18 chapters)
MEAN Web Development Second Edition
About the Author
About the Reviewer

Debugging your application

To use your new debug script, navigate to your application's root folder and issue the following command in your command-line tool:

$ npm run debug

This will run your application in a debug mode and wait for you to attach the Chrome Developer Tools debugger. The output in your command-line tool should be similar to what is shown in the following screenshot:

Running in Debug mode

As you can see, the debug script invites you to start debugging the application by visiting chrome-devtools://… using a compatible browser. Open this URL in Google Chrome, and you should see an interface similar to what is shown in the following screenshot:

Debugging with V8 inspector

As you can see, you'll get a list of your project files in the left-hand side panel, a file content viewer in the middle panel, and a debug dashboard in the right-hand side panel. This means that your debug script is running properly and is identifying your Express project. You can start debugging your project...