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)

CSS Pre-Processors

Let’s take a look at some CSS pre-processors.

SASS/SCSS

If you did not choose SASS during the initial setup or opted out of a pre-processor for the default template, you can still add it and use it. You will need to install a few packages with the NPM or Yarn command.

$ npm install sass-loader node-sass style-loader --save-dev
# or
$ yarn add sass-loader node-sass style-loader --save-dev

Once the packages are installed, just add the lang="scss" (or sass) attribute to your <style> tag and start using it right away.

LESS

If you did not choose LESS during the initial setup or opted for the default template, you can still add it and use it. You will need to install a few packages with an NPM or Yarn command.

$ npm install -D less less-loader
# or
$ yarn add less less-loader

Once the packages are installed, just add the lang="less" attribute to your <style>. Just like SASS.

Stylus

If Stylus is your cup of tea, the installation...