Vue CLI 3 Quick Start Guide

Build Vue apps the right way using Vue CLI 3. Understand how the building blocks of Vue CLI 3 work including npm webpack babel eslint plugins GUI testing and SCSS. Import third-party libraries and maintain your project.Key FeaturesLearn to work with Vue CLI 3 both on the command line and with a GUIManage VueJS apps settings Vue plugins and third-party libraries Learn how to build Vue apps from scratch using webpack babel ES6 vue-router Jest Cypress SCSS and GitBook DescriptionThe sprawling landscape of various tools in JavaScript web development is becoming overwhelming. This book will show you how Vue CLI 3 can help you take back control of the tool chain. To that end well begin by configuring webpack utilizing HMR and using single-file .vue components. Well also use SCSS ECMAScript and TypeScript. Well unit test with Jest and perform E2E testing with Cypress.This book will show you how to configure Vue CLI as your default way of building Vue projects. Youll discover the reasons behind using webpack babel eslint and other modern JavaScript toolchain technologies. Youll learn about the inner workings of each through the lens of Vue CLI 3. Well explore the extendibility of Vue CLI with the built-in settings and various core and third-party plugins.Vue CLI helps you work with Vue components routers directives and services in the Vue ecosystem. While learning these concepts youll examine the evolution of JavaScript. Youll learn about use of npm IIFEs modules in JavaScript Common.js modules task runners npm scripts module bundlers and webpack. Youll get familiar with the reasons why Vue CLI 3 is set up the way it is. Youll also learn to perform linting with ESLint and Prettier.Towards the end well introduce you to working with styles and SCSS. Finally well show you how to deploy your very own Vue project on Github Pages.What you will learnWork with nvm install Node.js and npm use Vue CLI 3 with no configuration via the command line and the graphical user interfaceBuild a Vue project from scratch using npm and webpack and learn about hot module replacementWork with Babel settings configurations and presetsWork with Vue plugins including testing plugins such as Jest and CypressWrite run and watch unit and E2E tests using TDD assertions in the red-green-refactor cycleWork with Vue router and use nested lazy-loading and dynamic routesAdd SCSS to your projects and work with third-party Vue pluginsDeploy your Vue apps to Github PagesWho this book is forThis book is for existing web developers and developers who are new to web development. You must be familiar with HTML CSS and JavaScript programming. Basic knowledge of the command line will be helpful but is not necessary.