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)

Installation

In order to install TypeScript, you will need Node.js with NPM installed. This is very common with modern front-end web development. If you’ve followed along up to this point, you should have both of those installed on your machine. If not, you can install them with the following command:

$ npm install -g typescript

As mentioned before, the browser cannot read TypeScript so you will need to compile it. For now, let’s just learn TypeScript with one file at a time; no frameworks, no Webpack configs. Luckily, TypeScript comes pre-packaged with a compiler. You can run that with the following command.

$ tsc file-name.ts

The command tsc stands for “TypeScript compiler. The string immediately following the command is the name of the file that you want to compile, in this case, “file-name.ts”. It’s also worth noting that TypeScript has its own file extension: .ts for well...TypeScript.

Let’s create a new TypeScript file and compile...