@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

3.0.0-beta.2 (2018-02-28)

cli

Features

• output help information on unknown CLI commands (#857) (cd23858), closes #849

cli-plugin-e2e-cypress

Bug Fixes

• cypress: upgrade cypress and properly set base url (#879) (46358eb)

Code Refactoring

• change default test directory name to "tests" (64b4515), closes #877

cli-plugin-e2e-nightwatch

Bug Fixes

• nightwatch helper compat with airbnb linter (f4d1841), closes #870

cli-plugin-pwa

Features

• cli-plugin-pwa: Upgrade workbox-webpack-plugin to 3.0.0-beta.1 (#897) (6d7985a)

cli-plugin-typescript

Bug Fixes

• ts generator & airbnb import/extensions rule compatibility (88726a3), closes #871

cli-service

Bug Fixes

• do not swallow vue.config.js errors (14a2dc7), closes #874 #866
• enable html doctype by default for pug (e15a930), closes #894
• fix friendly-error plugin name typo (#882) (73ad2f8)

Features

• add ability to use environment variables in vue.config.js (#867) (92ddd09)
• add default <noscript> content (#856) (a489803), closes #854
• preserveWhitespace: false (1864cef)

BREAKING CHANGES

• all tests are now located in "tests" instead of "test"
• preserveWhitespace now defaults to false in vue-loader options.