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)

Getting Started With the Starter Template (Recommended)

If you do not wish to install Nuxt.js manually, you can install it via a starter template that the Nuxt Community has created. This starter template essentially does what is needed for the manual installation, but offers additional features like a middleware directory, a nuxt.config.js file, a Vuex store, and more.

You can easily get started with Nuxt.js by using Vue CLI. Chapter 2: Scaffolding Projects With Vue CLI 3 went over installing Vue CLI 3. If you haven’t read that chapter, it’s recommended that you do. By default, Vue CLI 3 comes with the create command. Create is great when you need to start a project from scratch. However, with the Nuxt starter template, you don’t need to create a project from scratch. Instead, you just need to initialize a Vue.js project by downloading a template. For that, you need the init command, which can be downloaded and activated via NPM.

Download the ‘init’...