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
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Debugging Express with V8 inspector


Debugging the Express part of your MEAN application can be a complicated task. Fortunately, there is a great tool that solves this issue called V8 inspector. V8 Inspector is a debugging tool that uses the Blink (a WebKit Fork) Developer Tools. In fact, developers using Google's Chrome browser are already familiar with it, in the form of the Chrome Developer Tools interface. The V8 inspector supports some pretty powerful debugging features:

  • Source code file navigation

  • Breakpoint manipulation

  • Stepping over, stepping in, stepping out, and resuming execution

  • Variable and property inspection

  • Live code editing

To debug your application, you will need to access the V8 inspector interface using a compatible web browser. You will then be able to use it to debug your application code using the Chrome Developer Tools interface. To do that, all you have to do is add a debug script to your package.json file, as follows:

{
  "name": "MEAN",
  "version": "0.0.11",
  "scripts...