News

Vue CLI 3.0

Published
Vue CLI 3.0 image

Evan You and the Vue team announced the release of Vue CLI 3.0 stable on Friday! You can check out the documentation and installation instructions on cli.vuejs.org. The new CLI is for rapid Vue.js development:

At the core, Vue CLI provides a pre-configured build setup built on top of webpack 4. We aim to minimize the amount of configuration developers have to go through…

The new CLI is powerful and extensible, without the need to “eject” from the CLI in your projects—projects created with the Vue CLI can upgrade to and work with future versions of the Vue CLI tool.

The CLI also features a powerful GUI that makes it easy to configure a Vue project to use Vue CLI plugins:

Further, you can manage all of your project’s NPM package dependencies with an intuitive package search right from your development machine:

You can even run the project tasks from the UI, check out this example which also showcases the Vue UI dark mode:

One of my favorite features that Evan demoed at Laracon US 2018 is the instant rapid component prototyping using vue serve. You can either create an App.vue file and run vue serve in the directory, or point the command to a file:

# Using App.vue:
$ vue serve
 
# Specify a Single file component:
$ vue serve input.vue
INFO Starting development server...
98% after emitting
 
DONE Compiled successfully in 1637ms
 
 
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.1.15:8080/

The instant prototyping feature can be inconsistent and is only meant for local rapid prototyping on your own, not necessarily something you’d share with others.

Learn More

Read Evan You’s official announcement for more high-level details: Vue CLI 3.0 is here! – The Vue Point – Medium

You can learn everything you need to get started with Vue CLI 3 by visiting cli.vuejs.org. The source code is available on GitHub at vuejs/vue-cli.

When Evan presented at Laracon US 2018, he noted an Example project using Vue CLI 3 with Laravel that shows you how to go about using the Vue CLI with Laravel.

Paul Redmond photo

Staff writer at Laravel News. Full stack web developer and author.

Sponsored

acquaintsoft logo
Acquaint Softtech

Hire Laravel developers with AI expertise at $20/hr. Get started in 48 hours.

Visit Acquaint Softtech

The latest

View all →
Securing Filament plugins with Plumb image

Securing Filament plugins with Plumb

Read article
LayaPHP: Self-Hosted Text Classification for PHP and Laravel image

LayaPHP: Self-Hosted Text Classification for PHP and Laravel

Read article
WhenMounted and BigInt Props in Inertia.js v3.8 image

WhenMounted and BigInt Props in Inertia.js v3.8

Read article
Postcodes for Laravel: GB Postcode Lookup and Geography Data image

Postcodes for Laravel: GB Postcode Lookup and Geography Data

Read article
Laravel 14 Adds a defaults() Method to Eloquent Models image

Laravel 14 Adds a defaults() Method to Eloquent Models

Read article
Laravel AI SDK and Laravel MCP Security Fixes: Update Now image

Laravel AI SDK and Laravel MCP Security Fixes: Update Now

Read article