Developing Faster with the Vue CLI

By John Papa
This course teaches how to create, cultivate, debug, test, and serve apps using the Vue CLI and popular Vue developer tools. You will learn how to hone your Vue skills and develop great apps faster, all while following the recommended practices.
Play course overview
Course info
Rating
(63)
Level
Beginner
Updated
Jan 1, 2019
Duration
2h 25m
Table of contents
Course Overview
Course Overview 1m
Getting Started with the Vue CLI
Introducing the Vue CLI 1m Creating a Vue App with the Zero Configuration Option 2m Why You Should Use the Vue CLI 2m A Sneak Peek at the Vue CLI 2m Test Drive the Vue CLI 3m Test Drive the Vue CLI UI 3m Summary and Next Steps 1m
Setting up the Vue CLI
Setting up the Vue CLI 1m Installing the Vue CLI 2m Install and Verify 2m Creating Apps with the Vue CLI 3m Summary and Next Steps 1m
Mastering Essential Vue Tools
Using Great Tooling for Vue 1m Vue CLI Overview 3m Navigating the Vue Documentation 3m Getting Familiar with the Vue Developer Tooling 4m Debugging Vue in the Browser 3m Developing with Vue in Visual Studio Code 4m Debugging Vue in Visual Studio Code 4m Reviewing the Vue Tooling 1m
Creating a Vue Application
Application Creation Concepts 1m Learning the Application Creation Options 4m Creating a Default, Bare App with Yarn 3m Differences in the Vue CLI Creation Prompts 1m Exploring the Application Creation Prompts 4m Understanding the Vue CLI Presets 2m Creating a Preset 3m Creating an App from a Preset 2m Sharing and Using Remote Presets 2m App Creation Options and What's Next? 1m
Building and Serving Vue
Overview of the Building and Serving 1m Exploring the Vue CLI Service 2m Learning How to Serve Vue 4m Serving with the Vue UI 2m Understanding the Serving Options 2m Build Targets and Options 2m Building an App 5m Building a Library 7m Building a Web Component 2m Using the Vue UI to Build 2m Wrap up and What's Next? 1m
Running Unit and End to End Tests
Overview of Testing with the Vue CLI 0m How to Set up and Run Unit Tests with Mocha or Jest 2m Learning How to Run Unit Tests with the Vue CLI 5m Watching and Refactoring Unit Tests 3m How to Set up End-to-end Tests with Cypress or Nightwatch 1m Learning How to Run End-to-end Tests with the Vue CLI 4m What's Next? 1m
Adding Packages and Plugins to Your Vue App with the Vue CLI
Overview of Plugins for the Vue CLI 1m Understanding Vue CLI Plugins 3m Adding a Plugin Via the Vue CLI 5m Invoking a Plugin Via the Vue CLI 2m Using the Vue CLI UI for Plugins 3m Wrap up and What's Next? 1m
Creating Vue Apps with Vue CLI's UI
Overview of the Vue CLI UI 1m Touring the Vue CLI UI 2m Creating New Projects with the Vue CLI UI 1m Managing Plugins and Dependencies with the Vue CLI UI 3m Configuring Projects with the Vue CLI UI 2m Running Tasks with the Vue CLI UI 3m Summary of the Vue CLI UI 1m
Description
Course info
Rating
(63)
Level
Beginner
Updated
Jan 1, 2019
Duration
2h 25m
Description

Do you want to learn to develop Vue apps quickly while following the recommended tooling?

In this course, Developing Faster with the Vue CLI, you will gain the ability to build Vue apps efficiently with the Vue CLI and popular Vue developer tools. First, you will learn what the Vue CLI does, how to install it, and how to use it to generate and serve Vue apps. Next, you will discover the various options and outcomes of using the CLI to build apps, libraries, and web components. Finally, you will explore how to add unit and end to end testing, extend your Vue app with plugins, and take advantage of the Vue CLI's UI. When you are finished with this course, you will have the skills and knowledge of the Vue CLI needed to develop Vue apps efficiently.

About the author
John Papa
About the author

John Papa is a Principal Developer Advocate with Microsoft and an alumni of the Google Developer Expert, Microsoft Regional Director, and MVP programs.

More from the author
Vue from 20,000 Feet: Vue.js Fundamentals and Best Practices
Beginner
55m
Sep 3, 2020
Learning Angular from Scratch
Beginner
1h 15m
Sep 3, 2020
Angular AMA
Beginner
1h 5m
Sep 3, 2020
More courses by John Papa
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
(Music) Hi everyone. My name is John Papa. Welcome to my course, Developing Faster with the Vue CLI. I'm a web architect and JavaScript developer expert, and I'm very excited to share this course with you. This course gently introduces how to create, debug, test, build, serve, and extend Vue applications using the Vue CLI and popular Vue developer tools. You will learn how to hone your Vue skills and develop great apps quickly. Some of the major topics that we will cover include creating and customizing a new Vue application; building Vue apps, libraries and web components; debugging Vue applications with Chrome and Visual Studio Code; extending your Vue app with Vue CLI plugins such as Vuex, ESLint, and Progressive Web Apps; and learning the Vue CLI's UI, a graphical user interface for interacting with the Vue CLI. By the end of this course, you'll have learned these concepts and more, and be well on your way to building Vue apps. Before beginning this course, you should be familiar with JavaScript, but you don't have to be an expert by any means. Please join me on this journey to learn the Vue CLI, with the Developing Faster with the Vue CLI course, on Pluralsight. We hope you enjoy it.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT