Book Image

Vue.js: Understanding its Tools and Ecosystem

By : Dave Berning
Book Image

Vue.js: Understanding its Tools and Ecosystem

By: Dave Berning

Overview of this book

Vue.js is one of the top three “go-to” JavaScript frameworks and is used by organizations such as Nintendo, NASA, and Expedia. This book is primarily focused on the ecosystem of Vue.js and its development tools. Understanding the basics of the technology behind the Vue.js ecosystem will improve your skills and make you a better problem solver. The book begins with a brief overview of Vue.js. You’ll learn to work your way through the Vue command line interface CLI 3, and use the Vue Router library to navigate between the different views of your application. As you advance through the topics, you’ll explore the use of DevTools to improve the quality of your applications and how to implement server-side rendering in your application through the Nuxt.js framework. Toward the end of the book, you’ll read about the future of Vue.js and its growing popularity. After reading this book, you’ll be able to create industry-grade applications using Vue.js and its tools.
Table of Contents (11 chapters)

Integrating and Using the Vue.js DevTools Electron App

Electron is a framework created by GitHub that enables developers to create stand-alone desktop applications with web technologies like HTML, JavaScript, and CSS. GitHub’s text editor, Atom, is an Electron application and built using those technologies. As mentioned before, if Chrome and Firefox are not part of your development process, no worries. You can run Vue.js DevTools in any environment using the stand-alone tools for environments or browsers including Safari, mobile Safari, the NativeScript Vue application, etc.

Installing the DevTools Locally

To install the DevTools locally in your project, npm the following NPM command.

$ npm install -g @vue/devtools

You can also install it globally so it’s accessible anywhere on your computer.

$ npm install @vue/devtools --save-dev

Once installed, you can run the DevTools using the following NPM command:

$ vue-devtools

In order for the remote DevTools to communicate...