migrate-from-v4.md

sidebar
auto

Migrate from v4

First, install the latest Vue CLI globally:

npm install -g @vue/cli
# OR
yarn global add @vue/cli

Upgrade All Plugins at Once

In your existing projects, run:

vue upgrade

And then follow the command line instructions.

See the following section for detailed breaking changes introduced in each package.

---

One-By-One Manual Migration

If you want to migrate manually and gradually, you can run vue upgrade <the-plugin-name> to upgrade a specific Vue CLI plugin.

---

Breaking Changes

For All Packages

• Drop support of Node.js 8, 11, 13

The vue Command (The Global @vue/cli Package)

ESLint Plugin

• eslint-loader is upgraded from v2 to v4. The only major change is that it dropped support for ESLint < v6.

TypeScript Plugin

• Dropped TSLint support. As TSLint has been deprecated, we removed all TSLint-related code in this version. Please consider switching to ESLint. You can check out tslint-to-eslint-config for a mostly automatic migration experience.
• Updated fork-ts-checker-webpack-plugin from v3.x to v5.x, you can see the detailed breaking changes at https://github.com/TypeStrong/fork-ts-checker-webpack-plugin/releases/tag/v4.0.0 and https://github.com/TypeStrong/fork-ts-checker-webpack-plugin/releases/tag/v5.0.0

E2E-Cypress Plugin

• Cypress is updated from v3 to v5. See https://docs.cypress.io/guides/references/migration-guide.html for a detailed migration guide.

Unit-Mocha Plugin

• Updated mocha from v6 to v7, please refer to the release notes of mocha v7 for a complete list of breaking changes.
• Updated jsdom from v15 to v16, the breaking changes are listed at https://github.com/jsdom/jsdom/releases/tag/16.0.0

Internal Packages

@vue/cli-shared-utils

• Bump chalk from v2 to v4