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 “Create Nuxt App”

Create Nuxt App is a CLI tool that was just live released on stage at Vue.js London on September 21st, 2018. The create-nuxt-app CLI is similar to the Vue CLI in the fact that both tools help you get up and running with a Webpack Vue.js project. In this case, create-nuxt-app will create a base Nuxt.js template for you based on the options that you select. You can of course, continue to use the vue init command as stated in the section above, but create-nuxt-app is intended to replace it. To use the CLI tool, you must have NPM 5.2.0 or higher.

# Check your NPM version number
$ npm -v

If that requirement is fulfilled, then you can start installing create-nuxt-app:

$ npm install create-nuxt-app -g
# or
$ yarn global add create-nuxt-app

After create-nuxt-app is installed, you can create a new project with the follow commands:

$ npx create-nuxt-app <my-project>
# or
$ yarn create nuxt-app <my-project>

This neat new tool comes...