@vue/cli-service

What is @vue/cli-service?

@vue/cli-service is a development dependency for Vue.js projects that provides a set of built-in tools and configurations to streamline the development, testing, and building of Vue applications. It abstracts away much of the configuration needed for Webpack, Babel, ESLint, and other tools, allowing developers to focus on writing code.

What are @vue/cli-service's main functionalities?

Project Creation

This command initializes a new Vue.js project with a default or custom configuration. It sets up the project structure, installs dependencies, and configures build tools.

vue create my-project

Development Server

This command starts a development server with hot-reload capabilities. It allows developers to see changes in real-time as they edit their code.

npm run serve

Production Build

This command compiles the Vue.js application into a production-ready bundle. It optimizes the code for performance and minimizes the output files.

npm run build

Unit Testing

This command runs unit tests using a testing framework like Jest or Mocha. It helps ensure that individual components and functions work as expected.

npm run test:unit

Linting

This command runs ESLint to check for code quality and style issues. It helps maintain a consistent codebase and catch potential errors early.

npm run lint

Other packages similar to @vue/cli-service

create-react-app

Create React App is a similar tool for React applications. It provides a zero-configuration setup for building React applications, including a development server, build scripts, and testing utilities. Like @vue/cli-service, it abstracts away the configuration of Webpack, Babel, and other tools.

angular-cli

Angular CLI is a command-line interface for Angular applications. It offers similar functionalities to @vue/cli-service, such as project creation, development server, production builds, and testing. It is tailored specifically for Angular projects and provides a comprehensive set of tools for Angular development.

ember-cli

Ember CLI is the command-line interface for Ember.js applications. It provides a robust set of tools for building, testing, and deploying Ember applications. Like @vue/cli-service, it simplifies the setup and configuration of build tools and development environments.

README

@vue/cli-service

service for vue-cli

Full Docs

Changelog

4.5.18 (2022-06-16)

Fix compatibility with the upcoming Vue 2.7 (currently in alpha) and Vue Loader 15.10 (currently in beta).

In Vue 2.7, vue-template-compiler is no longer a required peer dependency. Rather, there's a new export under the main package as vue/compiler-sfc.