From 3fa79eb4adf3237040a70c174c0f681b698daeab Mon Sep 17 00:00:00 2001
From: Haoqun Jiang <haoqunjiang@gmail.com>
Date: Tue, 15 Dec 2020 16:08:31 +0800
Subject: [PATCH 1/4] style: replace eslint-plugin-vue-libs with standard
 config

---
 .eslintrc.js                                  | 20 +++++++++----------
 packages/@vue/babel-preset-app/index.js       |  4 ++--
 .../__tests__/usePluginPreset.spec.js         |  1 -
 packages/@vue/cli-plugin-babel/index.js       |  2 ++
 .../nightwatch.config.js                      | 12 ++++++-----
 .../__tests__/wdioGenerator.spec.js           |  4 ++--
 .../@vue/cli-plugin-eslint/generator/index.js |  2 +-
 .../__tests__/pwaPlugin.spec.js               |  2 +-
 packages/@vue/cli-plugin-pwa/index.js         |  6 +++---
 packages/@vue/cli-plugin-pwa/ui.js            |  4 ++--
 .../__tests__/tsGenerator.spec.js             |  4 ++--
 .../codemods/migrateComponentType.js          |  2 ++
 .../__tests__/jestGenerator.spec.js           |  4 ++--
 .../__tests__/mochaGenerator.spec.js          |  4 ++--
 packages/@vue/cli-plugin-unit-mocha/index.js  | 14 +++++++------
 .../cli-service/__tests__/Service.spec.js     |  2 +-
 .../@vue/cli-service/__tests__/css.spec.js    |  3 +--
 .../@vue/cli-service/__tests__/serve.spec.js  |  1 -
 packages/@vue/cli-service/lib/PluginAPI.js    |  2 +-
 packages/@vue/cli-service/lib/Service.js      |  2 +-
 .../cli-service/lib/commands/build/index.js   |  2 +-
 .../lib/commands/build/setPublicPath.js       |  1 +
 packages/@vue/cli-service/lib/config/css.js   |  4 ++--
 .../cli-service/lib/util/isAbsoluteUrl.js     |  2 +-
 .../@vue/cli-service/lib/util/prepareProxy.js |  6 +++---
 .../lib/webpack/ModernModePlugin.js           |  2 +-
 packages/@vue/cli-shared-utils/lib/module.js  |  1 +
 .../@vue/cli-shared-utils/lib/openBrowser.js  |  3 +--
 packages/@vue/cli/__tests__/Generator.spec.js |  2 ++
 packages/@vue/cli/__tests__/invoke.spec.js    |  4 ++--
 packages/@vue/cli/lib/GeneratorAPI.js         |  2 +-
 .../cli/lib/util/ProjectPackageManager.js     |  6 +++---
 packages/@vue/cli/lib/util/executeCommand.js  |  2 +-
 .../@vue/cli/lib/util/loadPresetFromDir.js    |  2 +-
 packages/@vue/cli/lib/util/sortObject.js      |  2 +-
 35 files changed, 72 insertions(+), 64 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index e763a94c89..d2ef595f38 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,23 +1,20 @@
 module.exports = {
   extends: [
-    'plugin:vue-libs/recommended'
+    '@vue/standard'
   ],
-  plugins: [
-    'node'
-  ],
-  env: {
-    'jest': true
-  },
   globals: {
     name: 'off'
   },
   rules: {
-    'indent': ['error', 2, {
-      'MemberExpression': 'off'
+    indent: ['error', 2, {
+      MemberExpression: 'off'
     }],
+    'object-curly-newline': 'off',
+    quotes: [2, 'single', { avoidEscape: true, allowTemplateLiterals: true }],
+    'quote-props': 'off',
     'no-shadow': ['error'],
     'node/no-extraneous-require': ['error', {
-      'allowModules': [
+      allowModules: [
         '@vue/cli-service',
         '@vue/cli-test-utils'
       ]
@@ -26,6 +23,9 @@ module.exports = {
   overrides: [
     {
       files: ['**/__tests__/**/*.js', '**/cli-test-utils/**/*.js'],
+      env: {
+        jest: true
+      },
       rules: {
         'node/no-extraneous-require': 'off'
       }
diff --git a/packages/@vue/babel-preset-app/index.js b/packages/@vue/babel-preset-app/index.js
index a87ebfbbef..f2f712cc87 100644
--- a/packages/@vue/babel-preset-app/index.js
+++ b/packages/@vue/babel-preset-app/index.js
@@ -259,13 +259,13 @@ module.exports = (context, options = {}) => {
   return {
     sourceType: 'unambiguous',
     overrides: [{
-      exclude: [/@babel[\/|\\\\]runtime/, /core-js/],
+      exclude: [/@babel[/|\\\\]runtime/, /core-js/],
       presets,
       plugins
     }, {
       // there are some untranspiled code in @babel/runtime
       // https://github.com/babel/babel/issues/9903
-      include: [/@babel[\/|\\\\]runtime/],
+      include: [/@babel[/|\\\\]runtime/],
       presets: [
         [require('@babel/preset-env'), envOptions]
       ]
diff --git a/packages/@vue/cli-plugin-babel/codemods/__tests__/usePluginPreset.spec.js b/packages/@vue/cli-plugin-babel/codemods/__tests__/usePluginPreset.spec.js
index d07395c8c4..2758b7a7b4 100644
--- a/packages/@vue/cli-plugin-babel/codemods/__tests__/usePluginPreset.spec.js
+++ b/packages/@vue/cli-plugin-babel/codemods/__tests__/usePluginPreset.spec.js
@@ -6,4 +6,3 @@ defineTest(__dirname, 'usePluginPreset', null, 'default')
 defineTest(__dirname, 'usePluginPreset', null, 'customConfig')
 defineTest(__dirname, 'usePluginPreset', null, 'require')
 defineTest(__dirname, 'usePluginPreset', null, 'templateLiteral')
-
diff --git a/packages/@vue/cli-plugin-babel/index.js b/packages/@vue/cli-plugin-babel/index.js
index 30b561717a..f758e31f96 100644
--- a/packages/@vue/cli-plugin-babel/index.js
+++ b/packages/@vue/cli-plugin-babel/index.js
@@ -12,6 +12,8 @@ function genTranspileDepRegex (transpileDependencies) {
     } else if (dep instanceof RegExp) {
       return dep.source
     }
+
+    throw new Error('transpileDependencies only accepts an array of string or regular expressions')
   })
   return deps.length ? new RegExp(deps.join('|')) : null
 }
diff --git a/packages/@vue/cli-plugin-e2e-nightwatch/nightwatch.config.js b/packages/@vue/cli-plugin-e2e-nightwatch/nightwatch.config.js
index a5406d8829..4071a3aa19 100644
--- a/packages/@vue/cli-plugin-e2e-nightwatch/nightwatch.config.js
+++ b/packages/@vue/cli-plugin-e2e-nightwatch/nightwatch.config.js
@@ -33,7 +33,7 @@ const defaultSettings = {
   test_settings: {
     default: {
       detailed_output: !concurrentMode,
-      launch_url: '${VUE_DEV_SERVER_URL}'
+      launch_url: '${VUE_DEV_SERVER_URL}' // eslint-disable-line no-template-curly-in-string
     },
 
     chrome: {
@@ -56,10 +56,12 @@ const defaultSettings = {
           }
         }
       },
-      webdriver: useSelenium ? {} : {
-        server_path: geckodriver.path,
-        port: 4444
-      }
+      webdriver: useSelenium
+        ? {}
+        : {
+          server_path: geckodriver.path,
+          port: 4444
+        }
     }
   }
 }
diff --git a/packages/@vue/cli-plugin-e2e-webdriverio/__tests__/wdioGenerator.spec.js b/packages/@vue/cli-plugin-e2e-webdriverio/__tests__/wdioGenerator.spec.js
index fbc6cdbb56..30f7661d5f 100644
--- a/packages/@vue/cli-plugin-e2e-webdriverio/__tests__/wdioGenerator.spec.js
+++ b/packages/@vue/cli-plugin-e2e-webdriverio/__tests__/wdioGenerator.spec.js
@@ -11,13 +11,13 @@ test('should add types to existing tsconfig.json', async () => {
       }
     }
   })
-  await write('tsconfig.json', JSON.stringify({ compilerOptions: { types: ['some-type'] }}))
+  await write('tsconfig.json', JSON.stringify({ compilerOptions: { types: ['some-type'] } }))
 
   const invoke = require('@vue/cli/lib/invoke')
   await invoke('e2e-webdriverio', { webdrivers: ['chrome'] }, dir)
 
   const tsconfig = await read('tsconfig.json')
   expect(tsconfig).toMatch(/\r?\n$/)
-  expect(JSON.parse(tsconfig)['compilerOptions']['types'])
+  expect(JSON.parse(tsconfig).compilerOptions.types)
     .toEqual(['some-type', 'mocha', '@wdio/mocha-framework', '@wdio/sync'])
 })
diff --git a/packages/@vue/cli-plugin-eslint/generator/index.js b/packages/@vue/cli-plugin-eslint/generator/index.js
index 9ac49df89c..a3975e6047 100644
--- a/packages/@vue/cli-plugin-eslint/generator/index.js
+++ b/packages/@vue/cli-plugin-eslint/generator/index.js
@@ -44,7 +44,7 @@ module.exports = (api, { config, lintOn = [] }, rootOptions, invoking) => {
       'pre-commit': 'lint-staged'
     }
     const extensions = require('../eslintOptions').extensions(api)
-      .map(ext => ext.replace(/^\./, ''))  // remove the leading `.`
+      .map(ext => ext.replace(/^\./, '')) // remove the leading `.`
     pkg['lint-staged'] = {
       [`*.{${extensions.join(',')}}`]: 'vue-cli-service lint'
     }
diff --git a/packages/@vue/cli-plugin-pwa/__tests__/pwaPlugin.spec.js b/packages/@vue/cli-plugin-pwa/__tests__/pwaPlugin.spec.js
index 814174395c..56054308cc 100644
--- a/packages/@vue/cli-plugin-pwa/__tests__/pwaPlugin.spec.js
+++ b/packages/@vue/cli-plugin-pwa/__tests__/pwaPlugin.spec.js
@@ -59,7 +59,7 @@ test('pwa', async () => {
   browser = launched.browser
 
   // workbox plugin fetches scripts from CDN so it takes a while...
-  await new Promise(r => setTimeout(r, process.env.CI ? 5000 : 2000))
+  await new Promise(resolve => setTimeout(resolve, process.env.CI ? 5000 : 2000))
   const logs = launched.logs
   expect(logs.some(msg => msg.match(/Content has been cached for offline use/))).toBe(true)
   expect(logs.some(msg => msg.match(/App is being served from cache by a service worker/))).toBe(true)
diff --git a/packages/@vue/cli-plugin-pwa/index.js b/packages/@vue/cli-plugin-pwa/index.js
index f8feae2256..89ac894134 100644
--- a/packages/@vue/cli-plugin-pwa/index.js
+++ b/packages/@vue/cli-plugin-pwa/index.js
@@ -54,9 +54,9 @@ module.exports = (api, options) => {
         ]
       }
 
-      const defaultGenerateSWOptions = workboxPluginMode === 'GenerateSW' ? {
-        cacheId: name
-      } : {}
+      const defaultGenerateSWOptions = workboxPluginMode === 'GenerateSW'
+        ? { cacheId: name }
+        : {}
 
       const workBoxConfig = Object.assign(defaultOptions, defaultGenerateSWOptions, userOptions.workboxOptions)
 
diff --git a/packages/@vue/cli-plugin-pwa/ui.js b/packages/@vue/cli-plugin-pwa/ui.js
index f3c7a9a056..b4d9730eb0 100644
--- a/packages/@vue/cli-plugin-pwa/ui.js
+++ b/packages/@vue/cli-plugin-pwa/ui.js
@@ -129,7 +129,7 @@ module.exports = api => {
       // Update app manifest (only when there's a manifest.json file,
       // otherwise it will be inferred from options in vue.config.js)
       if (data.manifest) {
-        const name = result['name']
+        const name = result.name
         if (name) {
           onWriteApi.setData('manifest', {
             name,
@@ -137,7 +137,7 @@ module.exports = api => {
           })
         }
 
-        const themeColor = result['themeColor']
+        const themeColor = result.themeColor
         if (themeColor) {
           onWriteApi.setData('manifest', {
             theme_color: themeColor
diff --git a/packages/@vue/cli-plugin-typescript/__tests__/tsGenerator.spec.js b/packages/@vue/cli-plugin-typescript/__tests__/tsGenerator.spec.js
index 1603917fd0..a745786439 100644
--- a/packages/@vue/cli-plugin-typescript/__tests__/tsGenerator.spec.js
+++ b/packages/@vue/cli-plugin-typescript/__tests__/tsGenerator.spec.js
@@ -18,7 +18,7 @@ test('generate files', async () => {
   expect(files['src/main.js']).toBeFalsy()
   expect(files['src/App.vue']).toMatch('<script lang="ts">')
   // checks that the Home.vue file has not been created, even empty
-  expect(files.hasOwnProperty('src/views/Home.vue')).toBeFalsy()
+  expect(Object.prototype.hasOwnProperty.call(files, 'src/views/Home.vue')).toBeFalsy()
 })
 
 test('classComponent', async () => {
@@ -77,7 +77,7 @@ test('use with router', async () => {
       options: {}
     }
   ])
-  expect(files['src/views/Home.vue']).toMatch('<div class=\"home\">')
+  expect(files['src/views/Home.vue']).toMatch('<div class="home">')
 })
 
 test('tsconfig.json should be valid json', async () => {
diff --git a/packages/@vue/cli-plugin-typescript/codemods/migrateComponentType.js b/packages/@vue/cli-plugin-typescript/codemods/migrateComponentType.js
index 1c2a208331..3c1091a630 100644
--- a/packages/@vue/cli-plugin-typescript/codemods/migrateComponentType.js
+++ b/packages/@vue/cli-plugin-typescript/codemods/migrateComponentType.js
@@ -80,6 +80,8 @@ module.exports = function migrateComponentType (file, api) {
       ) {
         return false
       }
+
+      return true
     })
   if (defineComponentUsages.length === 0) {
     tsmodule
diff --git a/packages/@vue/cli-plugin-unit-jest/__tests__/jestGenerator.spec.js b/packages/@vue/cli-plugin-unit-jest/__tests__/jestGenerator.spec.js
index adcadc4dc0..ad976b351d 100644
--- a/packages/@vue/cli-plugin-unit-jest/__tests__/jestGenerator.spec.js
+++ b/packages/@vue/cli-plugin-unit-jest/__tests__/jestGenerator.spec.js
@@ -150,12 +150,12 @@ test('add types to existing tsconfig.json', async () => {
       '@vue/cli-plugin-unit-jest': {}
     }
   })
-  await write('tsconfig.json', JSON.stringify({ compilerOptions: { types: ['some-type'] }}))
+  await write('tsconfig.json', JSON.stringify({ compilerOptions: { types: ['some-type'] } }))
 
   const invoke = require('@vue/cli/lib/invoke')
   await invoke('unit-jest', {}, dir)
 
   const tsconfig = await read('tsconfig.json')
   expect(tsconfig).toMatch(/\r?\n$/)
-  expect(JSON.parse(tsconfig)['compilerOptions']['types']).toEqual(['some-type', 'jest'])
+  expect(JSON.parse(tsconfig).compilerOptions.types).toEqual(['some-type', 'jest'])
 }, 30000)
diff --git a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaGenerator.spec.js b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaGenerator.spec.js
index 3dce859e47..dc01eaef6a 100644
--- a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaGenerator.spec.js
+++ b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaGenerator.spec.js
@@ -147,12 +147,12 @@ test('add types to existing tsconfig.json', async () => {
       '@vue/cli-plugin-unit-mocha': {}
     }
   })
-  await write('tsconfig.json', JSON.stringify({ compilerOptions: { types: ['some-type'] }}))
+  await write('tsconfig.json', JSON.stringify({ compilerOptions: { types: ['some-type'] } }))
 
   const invoke = require('@vue/cli/lib/invoke')
   await invoke('unit-mocha', {}, dir)
 
   const tsconfig = await read('tsconfig.json')
   expect(tsconfig).toMatch(/\r?\n$/)
-  expect(JSON.parse(tsconfig)['compilerOptions']['types']).toEqual(['some-type', 'mocha', 'chai'])
+  expect(JSON.parse(tsconfig).compilerOptions.types).toEqual(['some-type', 'mocha', 'chai'])
 }, 30000)
diff --git a/packages/@vue/cli-plugin-unit-mocha/index.js b/packages/@vue/cli-plugin-unit-mocha/index.js
index ad1975a684..9c921650fc 100644
--- a/packages/@vue/cli-plugin-unit-mocha/index.js
+++ b/packages/@vue/cli-plugin-unit-mocha/index.js
@@ -67,11 +67,13 @@ module.exports = api => {
       '--webpack-config',
       require.resolve('@vue/cli-service/webpack.config.js'),
       ...rawArgv,
-      ...(hasInlineFilesGlob ? [] : [
-        api.hasPlugin('typescript')
-          ? `tests/unit/**/*.spec.ts`
-          : `tests/unit/**/*.spec.js`
-      ])
+      ...(hasInlineFilesGlob
+        ? []
+        : [
+          api.hasPlugin('typescript')
+            ? `tests/unit/**/*.spec.ts`
+            : `tests/unit/**/*.spec.js`
+        ])
     ]
 
     return new Promise((resolve, reject) => {
@@ -79,7 +81,7 @@ module.exports = api => {
       child.on('error', reject)
       child.on('exit', code => {
         if (code !== 0) {
-          reject(`mochapack exited with code ${code}.`)
+          reject(new Error(`mochapack exited with code ${code}.`))
         } else {
           resolve()
         }
diff --git a/packages/@vue/cli-service/__tests__/Service.spec.js b/packages/@vue/cli-service/__tests__/Service.spec.js
index ff61db0700..b1381978e0 100644
--- a/packages/@vue/cli-service/__tests__/Service.spec.js
+++ b/packages/@vue/cli-service/__tests__/Service.spec.js
@@ -131,7 +131,7 @@ test('keep publicPath when empty', () => {
 })
 
 test('load project options from vue.config.js', () => {
-  fs.writeFileSync(path.resolve('/', 'vue.config.js'), '')  // only to ensure fs.existsSync returns true
+  fs.writeFileSync(path.resolve('/', 'vue.config.js'), '') // only to ensure fs.existsSync returns true
   jest.mock(path.resolve('/', 'vue.config.js'), () => ({ lintOnSave: false }), { virtual: true })
   mockPkg({
     vue: {
diff --git a/packages/@vue/cli-service/__tests__/css.spec.js b/packages/@vue/cli-service/__tests__/css.spec.js
index b99e91b7b7..0492e41a12 100644
--- a/packages/@vue/cli-service/__tests__/css.spec.js
+++ b/packages/@vue/cli-service/__tests__/css.spec.js
@@ -92,7 +92,7 @@ test('production defaults', () => {
 })
 
 test('override postcss config', () => {
-  const config = genConfig({ postcss: {}})
+  const config = genConfig({ postcss: {} })
   LANGS.forEach(lang => {
     const loader = lang === 'css' ? [] : LOADERS[lang]
     expect(findLoaders(config, lang)).toEqual(['vue-style', 'css', 'postcss'].concat(loader))
@@ -393,4 +393,3 @@ test('should use dart sass implementation whenever possible', () => {
   expect(findOptions(config, 'scss', 'sass')).toMatchObject({ implementation: require('sass') })
   expect(findOptions(config, 'sass', 'sass')).toMatchObject({ implementation: require('sass') })
 })
-
diff --git a/packages/@vue/cli-service/__tests__/serve.spec.js b/packages/@vue/cli-service/__tests__/serve.spec.js
index cceeebcbd9..6eaa11926d 100644
--- a/packages/@vue/cli-service/__tests__/serve.spec.js
+++ b/packages/@vue/cli-service/__tests__/serve.spec.js
@@ -192,4 +192,3 @@ test('use a single websocket connection for HMR', async () => {
     }
   )
 })
-
diff --git a/packages/@vue/cli-service/lib/PluginAPI.js b/packages/@vue/cli-service/lib/PluginAPI.js
index d34827f711..88db286f40 100644
--- a/packages/@vue/cli-service/lib/PluginAPI.js
+++ b/packages/@vue/cli-service/lib/PluginAPI.js
@@ -84,7 +84,7 @@ class PluginAPI {
       fn = opts
       opts = null
     }
-    this.service.commands[name] = { fn, opts: opts || {}}
+    this.service.commands[name] = { fn, opts: opts || {} }
   }
 
   /**
diff --git a/packages/@vue/cli-service/lib/Service.js b/packages/@vue/cli-service/lib/Service.js
index b07fa77be5..4fb59cd8a5 100644
--- a/packages/@vue/cli-service/lib/Service.js
+++ b/packages/@vue/cli-service/lib/Service.js
@@ -38,7 +38,7 @@ module.exports = class Service {
     // resolve the default mode to use for each command
     // this is provided by plugins as module.exports.defaultModes
     // so we can get the information without actually applying the plugin.
-    this.modes = this.plugins.reduce((modes, { apply: { defaultModes }}) => {
+    this.modes = this.plugins.reduce((modes, { apply: { defaultModes } }) => {
       return Object.assign(modes, defaultModes)
     }, {})
   }
diff --git a/packages/@vue/cli-service/lib/commands/build/index.js b/packages/@vue/cli-service/lib/commands/build/index.js
index 15f6b4d16f..7354731ec5 100644
--- a/packages/@vue/cli-service/lib/commands/build/index.js
+++ b/packages/@vue/cli-service/lib/commands/build/index.js
@@ -204,7 +204,7 @@ async function build (args, api, options) {
       }
 
       if (stats.hasErrors()) {
-        return reject(`Build failed with errors.`)
+        return reject(new Error('Build failed with errors.'))
       }
 
       if (!args.silent) {
diff --git a/packages/@vue/cli-service/lib/commands/build/setPublicPath.js b/packages/@vue/cli-service/lib/commands/build/setPublicPath.js
index e298abdc47..47147d79af 100644
--- a/packages/@vue/cli-service/lib/commands/build/setPublicPath.js
+++ b/packages/@vue/cli-service/lib/commands/build/setPublicPath.js
@@ -1,3 +1,4 @@
+/* eslint-disable no-var */
 // This file is imported into lib/wc client bundles.
 
 if (typeof window !== 'undefined') {
diff --git a/packages/@vue/cli-service/lib/config/css.js b/packages/@vue/cli-service/lib/config/css.js
index 1cbb437c6a..2208d7be6f 100644
--- a/packages/@vue/cli-service/lib/config/css.js
+++ b/packages/@vue/cli-service/lib/config/css.js
@@ -65,8 +65,8 @@ module.exports = (api, rootOptions) => {
       ? './'
       : '../'.repeat(
         extractOptions.filename
-            .replace(/^\.[\/\\]/, '')
-            .split(/[\/\\]/g)
+            .replace(/^\.[/\\]/, '')
+            .split(/[/\\]/g)
             .length - 1
       )
 
diff --git a/packages/@vue/cli-service/lib/util/isAbsoluteUrl.js b/packages/@vue/cli-service/lib/util/isAbsoluteUrl.js
index a163b09521..2aac5c71df 100644
--- a/packages/@vue/cli-service/lib/util/isAbsoluteUrl.js
+++ b/packages/@vue/cli-service/lib/util/isAbsoluteUrl.js
@@ -1,4 +1,4 @@
 module.exports = function isAbsoluteUrl (url) {
   // A URL is considered absolute if it begins with "<scheme>://" or "//"
-  return /^([a-z][a-z\d\+\-\.]*:)?\/\//i.test(url)
+  return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(url)
 }
diff --git a/packages/@vue/cli-service/lib/util/prepareProxy.js b/packages/@vue/cli-service/lib/util/prepareProxy.js
index df8d8accb4..a65f0f6341 100644
--- a/packages/@vue/cli-service/lib/util/prepareProxy.js
+++ b/packages/@vue/cli-service/lib/util/prepareProxy.js
@@ -120,7 +120,7 @@ module.exports = function prepareProxy (proxy, appPublicFolder) {
   // Otherwise, proxy is an object so create an array of proxies to pass to webpackDevServer
   return Object.keys(proxy).map(context => {
     const config = proxy[context]
-    if (!config.hasOwnProperty('target')) {
+    if (!Object.prototype.hasOwnProperty.call(config, 'target')) {
       console.log(
         chalk.red(
           'When `proxy` in package.json is an object, each `context` object must have a ' +
@@ -135,7 +135,7 @@ module.exports = function prepareProxy (proxy, appPublicFolder) {
 }
 
 function resolveLoopback (proxy) {
-  const o = url.parse(proxy)
+  const o = new url.URL(proxy)
   o.host = undefined
   if (o.hostname !== 'localhost') {
     return proxy
@@ -148,7 +148,7 @@ function resolveLoopback (proxy) {
     o.hostname = address.ipv6() ? '::1' : '127.0.0.1';
   } catch (_ignored) {
     o.hostname = '127.0.0.1';
-  }*/
+  } */
 
   try {
     // Check if we're on a network; if we are, chances are we can resolve
diff --git a/packages/@vue/cli-service/lib/webpack/ModernModePlugin.js b/packages/@vue/cli-service/lib/webpack/ModernModePlugin.js
index 530729bdaa..874b361338 100644
--- a/packages/@vue/cli-service/lib/webpack/ModernModePlugin.js
+++ b/packages/@vue/cli-service/lib/webpack/ModernModePlugin.js
@@ -81,7 +81,7 @@ class ModernModePlugin {
           const fullSafariFixPath = path.join(compilation.options.output.publicPath, safariFixPath)
           compilation.assets[safariFixPath] = {
             source: function () {
-              return new Buffer(safariFix)
+              return Buffer.from(safariFix)
             },
             size: function () {
               return Buffer.byteLength(safariFix)
diff --git a/packages/@vue/cli-shared-utils/lib/module.js b/packages/@vue/cli-shared-utils/lib/module.js
index 6d7af9c2fe..c5f1953fbd 100644
--- a/packages/@vue/cli-shared-utils/lib/module.js
+++ b/packages/@vue/cli-shared-utils/lib/module.js
@@ -7,6 +7,7 @@ const semver = require('semver')
 // https://github.com/benmosher/eslint-plugin-import/pull/1602
 // Polyfill Node's `Module.createRequireFromPath` if not present (added in Node v10.12.0)
 // Use `Module.createRequire` if available (added in Node v12.2.0)
+// eslint-disable-next-line node/no-deprecated-api
 const createRequire = Module.createRequire || Module.createRequireFromPath || function (filename) {
   const mod = new Module(filename, null)
   mod.filename = filename
diff --git a/packages/@vue/cli-shared-utils/lib/openBrowser.js b/packages/@vue/cli-shared-utils/lib/openBrowser.js
index bfb2614d5f..8af1e91619 100644
--- a/packages/@vue/cli-shared-utils/lib/openBrowser.js
+++ b/packages/@vue/cli-shared-utils/lib/openBrowser.js
@@ -54,7 +54,6 @@ function executeNodeScript (scriptPath, url) {
       )
       console.log(chalk.cyan(scriptPath) + ' exited with code ' + code + '.')
       console.log()
-      return
     }
   })
   return true
@@ -95,7 +94,7 @@ function startBrowserProcess (browser, url) {
   // Fallback to open
   // (It will always open new tab)
   try {
-    var options = { app: browser, url: true }
+    const options = { app: browser, url: true }
     open(url, options).catch(() => {}) // Prevent `unhandledRejection` error.
     return true
   } catch (err) {
diff --git a/packages/@vue/cli/__tests__/Generator.spec.js b/packages/@vue/cli/__tests__/Generator.spec.js
index 8e169b3e43..6489dbb13d 100644
--- a/packages/@vue/cli/__tests__/Generator.spec.js
+++ b/packages/@vue/cli/__tests__/Generator.spec.js
@@ -596,6 +596,7 @@ test('api: render middleware', async () => {
 })
 
 test('api: hasPlugin', () => {
+  // eslint-disable-next-line no-new
   new Generator('/', { plugins: [
     {
       id: 'foo',
@@ -659,6 +660,7 @@ test('api: afterInvoke', async () => {
 })
 
 test('api: resolve', () => {
+  // eslint-disable-next-line no-new
   new Generator('/foo/bar', { plugins: [
     {
       id: 'test',
diff --git a/packages/@vue/cli/__tests__/invoke.spec.js b/packages/@vue/cli/__tests__/invoke.spec.js
index b6bcf557ef..6aceee2ba3 100644
--- a/packages/@vue/cli/__tests__/invoke.spec.js
+++ b/packages/@vue/cli/__tests__/invoke.spec.js
@@ -7,7 +7,7 @@ const create = require('@vue/cli-test-utils/createTestProject')
 
 const parseJS = file => {
   const res = {}
-  ;(new Function('module', file))(res)
+  ;(new Function('module', file))(res) // eslint-disable-line no-new-func
   return res.exports
 }
 
@@ -150,7 +150,7 @@ extends:
 })
 
 test('invoking a plugin that renames files', async () => {
-  const project = await create(`invoke-rename`, { plugins: {}})
+  const project = await create(`invoke-rename`, { plugins: {} })
   const pkg = JSON.parse(await project.read('package.json'))
   pkg.devDependencies['@vue/cli-plugin-typescript'] = '*'
   await project.write('package.json', JSON.stringify(pkg, null, 2))
diff --git a/packages/@vue/cli/lib/GeneratorAPI.js b/packages/@vue/cli/lib/GeneratorAPI.js
index 87e7987cec..99abb1547b 100644
--- a/packages/@vue/cli/lib/GeneratorAPI.js
+++ b/packages/@vue/cli/lib/GeneratorAPI.js
@@ -17,7 +17,7 @@ const mergeArrayWithDedupe = (a, b) => Array.from(new Set([...a, ...b]))
 function pruneObject (obj) {
   if (typeof obj === 'object') {
     for (const k in obj) {
-      if (!obj.hasOwnProperty(k)) {
+      if (!Object.prototype.hasOwnProperty.call(obj, k)) {
         continue
       }
 
diff --git a/packages/@vue/cli/lib/util/ProjectPackageManager.js b/packages/@vue/cli/lib/util/ProjectPackageManager.js
index dcadd89523..c78c07d472 100644
--- a/packages/@vue/cli/lib/util/ProjectPackageManager.js
+++ b/packages/@vue/cli/lib/util/ProjectPackageManager.js
@@ -88,7 +88,7 @@ function stripVersion (packageName) {
 // extract the package scope from the full package name
 // the result includes the initial @ character
 function extractPackageScope (packageName) {
-  const scopedNameRegExp = /^(@[^\/]+)\/.*$/
+  const scopedNameRegExp = /^(@[^/]+)\/.*$/
   const result = packageName.match(scopedNameRegExp)
 
   if (!result) {
@@ -222,8 +222,8 @@ class PackageManager {
 
     const registry = await this.getRegistry(scope)
     const registryWithoutProtocol = registry
-      .replace(/https?:/, '')     // remove leading protocol
-      .replace(/([^/])$/, '$1/')  // ensure ending with slash
+      .replace(/https?:/, '') // remove leading protocol
+      .replace(/([^/])$/, '$1/') // ensure ending with slash
     const authTokenKey = `${registryWithoutProtocol}:_authToken`
 
     return npmConfig[authTokenKey]
diff --git a/packages/@vue/cli/lib/util/executeCommand.js b/packages/@vue/cli/lib/util/executeCommand.js
index 51774da7f7..a0ad0ec205 100644
--- a/packages/@vue/cli/lib/util/executeCommand.js
+++ b/packages/@vue/cli/lib/util/executeCommand.js
@@ -135,7 +135,7 @@ exports.executeCommand = function executeCommand (command, args, cwd) {
 
     child.on('close', code => {
       if (code !== 0) {
-        reject(`command failed: ${command} ${args.join(' ')}`)
+        reject(new Error(`command failed: ${command} ${args.join(' ')}`))
         return
       }
       resolve()
diff --git a/packages/@vue/cli/lib/util/loadPresetFromDir.js b/packages/@vue/cli/lib/util/loadPresetFromDir.js
index 096368b2ce..2f3efae6cb 100644
--- a/packages/@vue/cli/lib/util/loadPresetFromDir.js
+++ b/packages/@vue/cli/lib/util/loadPresetFromDir.js
@@ -12,7 +12,7 @@ module.exports = async function loadPresetFromDir (dir) {
   // plugin so it will be invoked by the generator.
   const hasGenerator = fs.existsSync(path.join(dir, 'generator.js')) || fs.existsSync(path.join(dir, 'generator/index.js'))
   if (hasGenerator) {
-    (preset.plugins || (preset.plugins = {}))[dir.replace(/[\/]$/, '')] = {
+    (preset.plugins || (preset.plugins = {}))[dir.replace(/[/]$/, '')] = {
       _isPreset: true,
       prompts: true
     }
diff --git a/packages/@vue/cli/lib/util/sortObject.js b/packages/@vue/cli/lib/util/sortObject.js
index 3c4a361bf2..daa11a9b5b 100644
--- a/packages/@vue/cli/lib/util/sortObject.js
+++ b/packages/@vue/cli/lib/util/sortObject.js
@@ -4,7 +4,7 @@ module.exports = function sortObject (obj, keyOrder, dontSortByUnicode) {
 
   if (keyOrder) {
     keyOrder.forEach(key => {
-      if (obj.hasOwnProperty(key)) {
+      if (Object.prototype.hasOwnProperty.call(obj, key)) {
         res[key] = obj[key]
         delete obj[key]
       }

From ae689d97930a62ce903bd0f8e30b9201890a6951 Mon Sep 17 00:00:00 2001
From: Haoqun Jiang <haoqunjiang@gmail.com>
Date: Tue, 15 Dec 2020 16:12:38 +0800
Subject: [PATCH 2/4] style: enabling more rules from standard config

---
 .eslintrc.js                                  |   3 -
 .../__tests__/babel-preset.spec.js            |  14 +-
 .../__tests__/babelRuntime.spec.js            |   2 +-
 .../__tests__/transpileDependencies.spec.js   |  12 +-
 .../__tests__/cypressPlugin.spec.js           |  12 +-
 packages/@vue/cli-plugin-e2e-cypress/index.js |   6 +-
 .../__tests__/nightwatchPlugin.spec.js        |  14 +-
 .../@vue/cli-plugin-e2e-nightwatch/index.js   |   6 +-
 .../@vue/cli-plugin-e2e-nightwatch/prompts.js |   6 +-
 .../__tests__/wdioPlugin.spec.js              |  12 +-
 .../@vue/cli-plugin-e2e-webdriverio/index.js  |   6 +-
 .../cli-plugin-e2e-webdriverio/prompts.js     |   6 +-
 .../__tests__/eslintGenerator.spec.js         |   2 +-
 .../__tests__/eslintMigrator.spec.js          |   2 +-
 .../__tests__/eslintPlugin.spec.js            |   2 +-
 .../cli-plugin-eslint/__tests__/ui.spec.js    |   8 +-
 .../@vue/cli-plugin-eslint/eslintOptions.js   |   4 +-
 packages/@vue/cli-plugin-eslint/lint.js       |   4 +-
 packages/@vue/cli-plugin-eslint/prompts.js    |   2 +-
 .../__tests__/pwaGenerator.spec.js            |   4 +-
 .../__tests__/pwaPlugin.spec.js               |   8 +-
 .../@vue/cli-plugin-pwa/generator/index.js    |   2 +-
 .../@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js  |  28 +-
 .../@vue/cli-plugin-router/generator/index.js |   4 +-
 packages/@vue/cli-plugin-router/prompts.js    |   4 +-
 .../__tests__/tsGenerator.spec.js             |  10 +-
 .../__tests__/tsMochaPlugin.spec.js           |   2 +-
 .../__tests__/tsPlugin.helper.js              |   6 +-
 .../__tests__/tsPluginClassComponent.spec.js  |   2 +-
 .../__tests__/tsPluginE2e.spec.js             |   4 +-
 .../__tests__/tsPluginUnit.spec.js            |   4 +-
 packages/@vue/cli-plugin-typescript/index.js  |   2 +-
 .../@vue/cli-plugin-typescript/prompts.js     |  26 +-
 .../__tests__/jestGenerator.spec.js           |  20 +-
 .../__tests__/jestPlugin.spec.js              |  16 +-
 .../__tests__/jestPluginVue3.spec.js          |   2 +-
 .../cli-plugin-unit-jest/generator/index.js   |   2 +-
 packages/@vue/cli-plugin-unit-jest/index.js   |   4 +-
 .../__tests__/mochaGenerator.spec.js          |  24 +-
 .../__tests__/mochaPlugin.spec.js             |   2 +-
 .../__tests__/mochaPluginVue3.spec.js         |   4 +-
 .../cli-plugin-unit-mocha/generator/index.js  |   2 +-
 packages/@vue/cli-plugin-unit-mocha/index.js  |  10 +-
 .../@vue/cli-plugin-vuex/generator/index.js   |   4 +-
 .../@vue/cli-plugin-webpack-4/generator.js    |   2 +-
 .../cli-service/__tests__/Service.spec.js     |   8 +-
 .../cli-service/__tests__/buildLib.spec.js    |   4 +-
 .../cli-service/__tests__/buildWc.spec.js     |   4 +-
 .../__tests__/buildWcAsync.spec.js            |   2 +-
 .../@vue/cli-service/__tests__/css.spec.js    |   8 +-
 .../cli-service/__tests__/generator.spec.js   |   2 +-
 .../cli-service/__tests__/modernMode.spec.js  |   2 +-
 .../cli-service/__tests__/multiPage.spec.js   |  16 +-
 .../@vue/cli-service/__tests__/proxy.spec.js  |   8 +-
 .../@vue/cli-service/__tests__/serve.spec.js  |  30 +-
 .../cli-service/__tests__/serveVue3.spec.js   |   6 +-
 packages/@vue/cli-service/generator/index.js  |  12 +-
 packages/@vue/cli-service/lib/Service.js      |  18 +-
 .../lib/commands/build/formatStats.js         |  12 +-
 .../cli-service/lib/commands/build/index.js   |  38 +-
 .../lib/commands/build/resolveLibConfig.js    |   6 +-
 .../lib/commands/build/resolveWcConfig.js     |  12 +-
 .../lib/commands/build/resolveWcEntry.js      |   2 +-
 .../@vue/cli-service/lib/commands/help.js     |   8 +-
 .../@vue/cli-service/lib/commands/serve.js    |  48 +-
 packages/@vue/cli-service/lib/config/app.js   |  12 +-
 .../@vue/cli-service/lib/util/checkWebpack.js |   2 +-
 .../lib/util/resolveLoaderError.js            |   2 +-
 .../lib/util/validateWebpackConfig.js         |  16 +-
 .../cli-service/lib/webpack/CorsPlugin.js     |   2 +-
 .../lib/webpack/ModernModePlugin.js           |   6 +-
 packages/@vue/cli-shared-utils/lib/env.js     |   2 +-
 packages/@vue/cli-shared-utils/lib/launch.js  |   2 +-
 packages/@vue/cli-shared-utils/lib/module.js  |   2 +-
 .../cli-shared-utils/lib/pluginResolution.js  |   4 +-
 .../@vue/cli-test-utils/createJSONServer.js   |  10 +-
 packages/@vue/cli/__tests__/Generator.spec.js | 732 ++++++++++--------
 packages/@vue/cli/__tests__/invoke.spec.js    |  30 +-
 packages/@vue/cli/bin/vue.js                  |  12 +-
 packages/@vue/cli/lib/Creator.js              |  30 +-
 packages/@vue/cli/lib/GeneratorAPI.js         |   6 +-
 packages/@vue/cli/lib/Upgrader.js             |   2 +-
 packages/@vue/cli/lib/add.js                  |   2 +-
 packages/@vue/cli/lib/create.js               |   2 +-
 packages/@vue/cli/lib/inspect.js              |   6 +-
 packages/@vue/cli/lib/invoke.js               |   8 +-
 packages/@vue/cli/lib/migrate.js              |   8 +-
 packages/@vue/cli/lib/options.js              |  16 +-
 packages/@vue/cli/lib/promptModules/e2e.js    |   6 +-
 packages/@vue/cli/lib/promptModules/router.js |   4 +-
 packages/@vue/cli/lib/ui.js                   |   2 +-
 .../lib/util/__tests__/extendJSConfig.spec.js |  12 +-
 .../@vue/cli/lib/util/confirmIfGitDirty.js    |   2 +-
 .../@vue/cli/lib/util/enhanceErrorMessages.js |   2 +-
 packages/@vue/cli/lib/util/executeCommand.js  |   8 +-
 .../cli/lib/util/getGlobalInstallCommand.js   |   4 +-
 packages/@vue/cli/lib/util/getVersions.js     |   2 +-
 packages/@vue/cli/lib/util/linkBin.js         |   2 +-
 packages/@vue/cli/lib/util/mergeDeps.js       |   2 +-
 99 files changed, 788 insertions(+), 739 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index d2ef595f38..5338980e00 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -9,9 +9,6 @@ module.exports = {
     indent: ['error', 2, {
       MemberExpression: 'off'
     }],
-    'object-curly-newline': 'off',
-    quotes: [2, 'single', { avoidEscape: true, allowTemplateLiterals: true }],
-    'quote-props': 'off',
     'no-shadow': ['error'],
     'node/no-extraneous-require': ['error', {
       allowModules: [
diff --git a/packages/@vue/babel-preset-app/__tests__/babel-preset.spec.js b/packages/@vue/babel-preset-app/__tests__/babel-preset.spec.js
index d57f42b90d..cc2987e109 100644
--- a/packages/@vue/babel-preset-app/__tests__/babel-preset.spec.js
+++ b/packages/@vue/babel-preset-app/__tests__/babel-preset.spec.js
@@ -102,12 +102,12 @@ test('object spread', () => {
     const a = { ...b }
   `.trim(), defaultOptions)
   // expect(code).toMatch(`import _objectSpread from`)
-  expect(code).toMatch(`var a = _objectSpread({}, b)`)
+  expect(code).toMatch('var a = _objectSpread({}, b)')
 })
 
 test('dynamic import', () => {
   expect(() => {
-    babel.transformSync(`const Foo = () => import('./Foo.vue')`, defaultOptions)
+    babel.transformSync('const Foo = () => import(\'./Foo.vue\')', defaultOptions)
   }).not.toThrow()
 })
 
@@ -120,7 +120,7 @@ test('async/await', () => {
   `.trim(), defaultOptions)
   expect(code).toMatch(getAbsolutePolyfill('es.promise'))
   // should use regenerator runtime
-  expect(code).toMatch(`regenerator-runtime/runtime`)
+  expect(code).toMatch('regenerator-runtime/runtime')
 })
 
 test('jsx', () => {
@@ -131,8 +131,8 @@ test('jsx', () => {
       }
     }
   `.trim(), defaultOptions)
-  expect(code).toMatch(`var h = arguments[0]`)
-  expect(code).toMatch(`return h("div", ["bar"])`)
+  expect(code).toMatch('var h = arguments[0]')
+  expect(code).toMatch('return h("div", ["bar"])')
 })
 
 test('jsx options', () => {
@@ -151,8 +151,8 @@ test('jsx options', () => {
     }]],
     filename: 'test-entry-file.js'
   })
-  expect(code).not.toMatch(`var h = arguments[0]`)
-  expect(code).toMatch(`return h("div", ["bar"])`)
+  expect(code).not.toMatch('var h = arguments[0]')
+  expect(code).toMatch('return h("div", ["bar"])')
 })
 
 test('disable absoluteRuntime', () => {
diff --git a/packages/@vue/cli-plugin-babel/__tests__/babelRuntime.spec.js b/packages/@vue/cli-plugin-babel/__tests__/babelRuntime.spec.js
index de56514f49..9f2c8e4895 100644
--- a/packages/@vue/cli-plugin-babel/__tests__/babelRuntime.spec.js
+++ b/packages/@vue/cli-plugin-babel/__tests__/babelRuntime.spec.js
@@ -45,7 +45,7 @@ test('should not transpile babel helpers multiple times', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ helpers }) => {
-      const msg = `Welcome to Your Vue.js App`
+      const msg = 'Welcome to Your Vue.js App'
       expect(await helpers.getText('h1')).toMatch(msg)
     }
   )
diff --git a/packages/@vue/cli-plugin-babel/__tests__/transpileDependencies.spec.js b/packages/@vue/cli-plugin-babel/__tests__/transpileDependencies.spec.js
index 3f3dba1ba1..9696554a03 100644
--- a/packages/@vue/cli-plugin-babel/__tests__/transpileDependencies.spec.js
+++ b/packages/@vue/cli-plugin-babel/__tests__/transpileDependencies.spec.js
@@ -18,22 +18,22 @@ beforeAll(async () => {
 
   await project.write(
     'node_modules/external-dep/package.json',
-    `{ "name": "external-dep", "version": "1.0.0", "main": "index.js" }`
+    '{ "name": "external-dep", "version": "1.0.0", "main": "index.js" }'
   )
 
   await project.write(
     'node_modules/external-dep/index.js',
-    `const test = () => "__TEST__";\nexport default test`
+    'const test = () => "__TEST__";\nexport default test'
   )
 
   await project.write(
     'node_modules/@scope/external-dep/package.json',
-    `{ "name": "@scope/external-dep", "version": "1.0.0", "main": "index.js" }`
+    '{ "name": "@scope/external-dep", "version": "1.0.0", "main": "index.js" }'
   )
 
   await project.write(
     'node_modules/@scope/external-dep/index.js',
-    `const test = () => "__SCOPE_TEST__";\nexport default test`
+    'const test = () => "__SCOPE_TEST__";\nexport default test'
   )
 
   let $packageJson = await project.read('package.json')
@@ -76,7 +76,7 @@ test('dep from node_modules should not been transpiled', async () => {
 test('dep from node_modules should been transpiled', async () => {
   await project.write(
     'vue.config.js',
-    `module.exports = { transpileDependencies: ['external-dep', '@scope/external-dep'] }`
+    'module.exports = { transpileDependencies: [\'external-dep\', \'@scope/external-dep\'] }'
   )
   await project.run('vue-cli-service build')
   expect(await readVendorFile()).toMatch('return "__TEST__"')
@@ -88,7 +88,7 @@ test('dep from node_modules should been transpiled', async () => {
 test('only transpile package with same name specified in transpileDependencies', async () => {
   await project.write(
     'vue.config.js',
-    `module.exports = { transpileDependencies: ['babel-transpile-deps'] }`
+    'module.exports = { transpileDependencies: [\'babel-transpile-deps\'] }'
   )
   try {
     await project.run('vue-cli-service build')
diff --git a/packages/@vue/cli-plugin-e2e-cypress/__tests__/cypressPlugin.spec.js b/packages/@vue/cli-plugin-e2e-cypress/__tests__/cypressPlugin.spec.js
index d3c505cbdc..f968611a09 100644
--- a/packages/@vue/cli-plugin-e2e-cypress/__tests__/cypressPlugin.spec.js
+++ b/packages/@vue/cli-plugin-e2e-cypress/__tests__/cypressPlugin.spec.js
@@ -19,9 +19,9 @@ test('should work', async () => {
   await project.write('cypress.json', JSON.stringify(config))
 
   if (!process.env.CI) {
-    await project.run(`vue-cli-service test:e2e`)
+    await project.run('vue-cli-service test:e2e')
   } else if (!process.env.APPVEYOR) {
-    await project.run(`vue-cli-service test:e2e --headless`)
+    await project.run('vue-cli-service test:e2e --headless')
   }
 })
 
@@ -29,8 +29,8 @@ test('should work with TS', async () => {
   const project = await create('e2e-cypress-ts', {
     plugins: {
       '@vue/cli-plugin-typescript': {
-        'classComponent': true,
-        'lintOn': ['save']
+        classComponent: true,
+        lintOn: ['save']
       },
       '@vue/cli-plugin-e2e-cypress': {}
     }
@@ -41,8 +41,8 @@ test('should work with TS', async () => {
   await project.write('cypress.json', JSON.stringify(config))
 
   if (!process.env.CI) {
-    await project.run(`vue-cli-service test:e2e`)
+    await project.run('vue-cli-service test:e2e')
   } else if (!process.env.APPVEYOR) {
-    await project.run(`vue-cli-service test:e2e --headless`)
+    await project.run('vue-cli-service test:e2e --headless')
   }
 })
diff --git a/packages/@vue/cli-plugin-e2e-cypress/index.js b/packages/@vue/cli-plugin-e2e-cypress/index.js
index 6b81b68de9..45dc33aa6c 100644
--- a/packages/@vue/cli-plugin-e2e-cypress/index.js
+++ b/packages/@vue/cli-plugin-e2e-cypress/index.js
@@ -11,14 +11,14 @@ module.exports = (api, options) => {
       '-s, --spec': '(headless only) runs a specific spec file. defaults to "all"'
     },
     details:
-      `All Cypress CLI options are also supported:\n` +
-      chalk.yellow(`https://docs.cypress.io/guides/guides/command-line.html#cypress-run`)
+      'All Cypress CLI options are also supported:\n' +
+      chalk.yellow('https://docs.cypress.io/guides/guides/command-line.html#cypress-run')
   }, async (args, rawArgs) => {
     removeArg(rawArgs, 'mode')
     removeArg(rawArgs, 'url')
     removeArg(rawArgs, 'config')
 
-    info(`Starting e2e tests...`)
+    info('Starting e2e tests...')
 
     const { url, server } = args.url
       ? { url: args.url }
diff --git a/packages/@vue/cli-plugin-e2e-nightwatch/__tests__/nightwatchPlugin.spec.js b/packages/@vue/cli-plugin-e2e-nightwatch/__tests__/nightwatchPlugin.spec.js
index a27daf6ac4..b8adf7ff08 100644
--- a/packages/@vue/cli-plugin-e2e-nightwatch/__tests__/nightwatchPlugin.spec.js
+++ b/packages/@vue/cli-plugin-e2e-nightwatch/__tests__/nightwatchPlugin.spec.js
@@ -32,7 +32,7 @@ describe('nightwatch e2e plugin', () => {
   })
 
   test('should run all tests successfully', async () => {
-    await project.run(`vue-cli-service test:e2e --headless`)
+    await project.run('vue-cli-service test:e2e --headless')
     let results = await project.read('test_results.json')
     results = JSON.parse(results)
     expect(Object.keys(results.modules)).toEqual([
@@ -44,7 +44,7 @@ describe('nightwatch e2e plugin', () => {
   test('should accept the --url cli option', async () => {
     let server
     try {
-      await project.run(`vue-cli-service build`)
+      await project.run('vue-cli-service build')
       server = createServer({ root: path.join(project.dir, 'dist') })
       await new Promise((resolve, reject) => {
         server.listen(8080, err => {
@@ -52,7 +52,7 @@ describe('nightwatch e2e plugin', () => {
           resolve()
         })
       })
-      await project.run(`vue-cli-service test:e2e --headless --url http://127.0.0.1:8080/`)
+      await project.run('vue-cli-service test:e2e --headless --url http://127.0.0.1:8080/')
 
       let results = await project.read('test_results.json')
       results = JSON.parse(results)
@@ -66,7 +66,7 @@ describe('nightwatch e2e plugin', () => {
   })
 
   test('should run single test with custom nightwatch.json', async () => {
-    await project.run(`vue-cli-service test:e2e --headless -t tests/e2e/specs/test.js`)
+    await project.run('vue-cli-service test:e2e --headless -t tests/e2e/specs/test.js')
     let results = await project.read('test_results.json')
     results = JSON.parse(results)
     expect(Object.keys(results.modules)).toEqual([
@@ -75,7 +75,7 @@ describe('nightwatch e2e plugin', () => {
   })
 
   test('should run single test with custom nightwatch.json and selenium server', async () => {
-    await project.run(`vue-cli-service test:e2e --headless --use-selenium -t tests/e2e/specs/test.js`)
+    await project.run('vue-cli-service test:e2e --headless --use-selenium -t tests/e2e/specs/test.js')
     let results = await project.read('test_results.json')
     results = JSON.parse(results)
 
@@ -91,7 +91,7 @@ describe('nightwatch e2e plugin', () => {
   })
 
   test('should run tests in parallel', async () => {
-    await project.run(`vue-cli-service test:e2e --headless --parallel`)
+    await project.run('vue-cli-service test:e2e --headless --parallel')
     let results = await project.read('test_results.json')
     results = JSON.parse(results)
 
@@ -118,7 +118,7 @@ describe('nightwatch e2e plugin', () => {
 
     await Promise.all([copyConfig, copyGlobals])
 
-    await project.run(`vue-cli-service test:e2e --headless --env firefox -t tests/e2e/specs/test.js`)
+    await project.run('vue-cli-service test:e2e --headless --env firefox -t tests/e2e/specs/test.js')
     let results = await project.read('test_results_gecko.json')
     results = JSON.parse(results)
 
diff --git a/packages/@vue/cli-plugin-e2e-nightwatch/index.js b/packages/@vue/cli-plugin-e2e-nightwatch/index.js
index cb1a595a79..c251ee704b 100644
--- a/packages/@vue/cli-plugin-e2e-nightwatch/index.js
+++ b/packages/@vue/cli-plugin-e2e-nightwatch/index.js
@@ -16,8 +16,8 @@ module.exports = (api, options) => {
       '-f, --filter': 'glob to filter tests by filename'
     },
     details:
-      `All Nightwatch CLI options are also supported.\n` +
-      chalk.yellow(`https://nightwatchjs.org/guide/running-tests/#command-line-options`)
+      'All Nightwatch CLI options are also supported.\n' +
+      chalk.yellow('https://nightwatchjs.org/guide/running-tests/#command-line-options')
   }, (args, rawArgs) => {
     if (args.env && args.env.includes('firefox')) {
       try {
@@ -36,7 +36,7 @@ module.exports = (api, options) => {
 
       if (userMajor !== driverMajor) {
         warn(`Local ${chalk.cyan.bold('Chrome')} version is ${chalk.cyan.bold(userMajor)}, but the installed ${chalk.cyan.bold('chromedriver')} is for version ${chalk.cyan.bold(driverMajor)}.`)
-        warn(`There may be incompatibilities between them.`)
+        warn('There may be incompatibilities between them.')
         warn(`Please update your ${chalk.cyan.bold('chromedriver')} dependency to match the ${chalk.cyan.bold('Chrome')} version.`)
       }
     }
diff --git a/packages/@vue/cli-plugin-e2e-nightwatch/prompts.js b/packages/@vue/cli-plugin-e2e-nightwatch/prompts.js
index 9ad6867aba..b1375cfc74 100644
--- a/packages/@vue/cli-plugin-e2e-nightwatch/prompts.js
+++ b/packages/@vue/cli-plugin-e2e-nightwatch/prompts.js
@@ -3,11 +3,11 @@ const { installedBrowsers } = require('@vue/cli-shared-utils')
 module.exports = [
   {
     name: 'webdrivers',
-    type: `checkbox`,
-    message: `Pick browsers to run end-to-end test on`,
+    type: 'checkbox',
+    message: 'Pick browsers to run end-to-end test on',
     choices: [
       {
-        name: `Chrome`,
+        name: 'Chrome',
         value: 'chrome',
         checked: true
       },
diff --git a/packages/@vue/cli-plugin-e2e-webdriverio/__tests__/wdioPlugin.spec.js b/packages/@vue/cli-plugin-e2e-webdriverio/__tests__/wdioPlugin.spec.js
index c68db254f8..cd31c7166e 100644
--- a/packages/@vue/cli-plugin-e2e-webdriverio/__tests__/wdioPlugin.spec.js
+++ b/packages/@vue/cli-plugin-e2e-webdriverio/__tests__/wdioPlugin.spec.js
@@ -17,9 +17,9 @@ test('should work', async () => {
   })
 
   if (!process.env.CI) {
-    await project.run(`vue-cli-service test:e2e`)
+    await project.run('vue-cli-service test:e2e')
   } else if (!process.env.APPVEYOR) {
-    await project.run(`vue-cli-service test:e2e --headless`)
+    await project.run('vue-cli-service test:e2e --headless')
   }
 })
 
@@ -27,8 +27,8 @@ test('should work with TS', async () => {
   const project = await create('e2e-webdriverio-ts', {
     plugins: {
       '@vue/cli-plugin-typescript': {
-        'classComponent': true,
-        'lintOn': ['save']
+        classComponent: true,
+        lintOn: ['save']
       },
       '@vue/cli-plugin-e2e-webdriverio': {
         webdrivers: ['chrome']
@@ -37,8 +37,8 @@ test('should work with TS', async () => {
   })
 
   if (!process.env.CI) {
-    await project.run(`vue-cli-service test:e2e`)
+    await project.run('vue-cli-service test:e2e')
   } else if (!process.env.APPVEYOR) {
-    await project.run(`vue-cli-service test:e2e --headless`)
+    await project.run('vue-cli-service test:e2e --headless')
   }
 })
diff --git a/packages/@vue/cli-plugin-e2e-webdriverio/index.js b/packages/@vue/cli-plugin-e2e-webdriverio/index.js
index 31e3085d08..3a01c95b5c 100644
--- a/packages/@vue/cli-plugin-e2e-webdriverio/index.js
+++ b/packages/@vue/cli-plugin-e2e-webdriverio/index.js
@@ -20,14 +20,14 @@ module.exports = (api, options) => {
       ...CLI_OPTIONS
     },
     details:
-      `All WebdriverIO CLI options are also supported.\n` +
-      chalk.yellow(`https://webdriver.io/docs/clioptions.html`)
+      'All WebdriverIO CLI options are also supported.\n' +
+      chalk.yellow('https://webdriver.io/docs/clioptions.html')
   }, (args, rawArgs) => {
     return Promise.all([
       startDevServer(args, api)
     ]).then((results) => {
       const { server, url } = results[0]
-      info(`Running end-to-end tests...`)
+      info('Running end-to-end tests...')
 
       // expose dev server url to tests
       if (!args.baseUrl) {
diff --git a/packages/@vue/cli-plugin-e2e-webdriverio/prompts.js b/packages/@vue/cli-plugin-e2e-webdriverio/prompts.js
index 9ad6867aba..b1375cfc74 100644
--- a/packages/@vue/cli-plugin-e2e-webdriverio/prompts.js
+++ b/packages/@vue/cli-plugin-e2e-webdriverio/prompts.js
@@ -3,11 +3,11 @@ const { installedBrowsers } = require('@vue/cli-shared-utils')
 module.exports = [
   {
     name: 'webdrivers',
-    type: `checkbox`,
-    message: `Pick browsers to run end-to-end test on`,
+    type: 'checkbox',
+    message: 'Pick browsers to run end-to-end test on',
     choices: [
       {
-        name: `Chrome`,
+        name: 'Chrome',
         value: 'chrome',
         checked: true
       },
diff --git a/packages/@vue/cli-plugin-eslint/__tests__/eslintGenerator.spec.js b/packages/@vue/cli-plugin-eslint/__tests__/eslintGenerator.spec.js
index 7996cde448..8cc8d92ed7 100644
--- a/packages/@vue/cli-plugin-eslint/__tests__/eslintGenerator.spec.js
+++ b/packages/@vue/cli-plugin-eslint/__tests__/eslintGenerator.spec.js
@@ -201,7 +201,7 @@ test('append to existing .editorconfig', async () => {
   await write('.editorconfig', 'root = true\n')
 
   const invoke = require('@vue/cli/lib/invoke')
-  await invoke(`eslint`, { config: 'airbnb' }, dir)
+  await invoke('eslint', { config: 'airbnb' }, dir)
 
   const editorconfig = await read('.editorconfig')
   expect(editorconfig).toMatch('root = true')
diff --git a/packages/@vue/cli-plugin-eslint/__tests__/eslintMigrator.spec.js b/packages/@vue/cli-plugin-eslint/__tests__/eslintMigrator.spec.js
index 130225f032..2733c4436b 100644
--- a/packages/@vue/cli-plugin-eslint/__tests__/eslintMigrator.spec.js
+++ b/packages/@vue/cli-plugin-eslint/__tests__/eslintMigrator.spec.js
@@ -146,7 +146,7 @@ test('upgrade: replace babel-eslint with @babel/eslint-parser in eslintrc.js', a
 
   const eslintrc = await project.read('.eslintrc.js')
   expect(eslintrc).toMatch('babel-eslint')
-  const eslintrcMerge = eslintrc.replace(`parser: 'babel-eslint'`, `testMerge: 'testMerge', parser: 'babel-eslint'`)
+  const eslintrcMerge = eslintrc.replace('parser: \'babel-eslint\'', 'testMerge: \'testMerge\', parser: \'babel-eslint\'')
   await project.write('.eslintrc.js', eslintrcMerge)
 
   await project.upgrade('eslint')
diff --git a/packages/@vue/cli-plugin-eslint/__tests__/eslintPlugin.spec.js b/packages/@vue/cli-plugin-eslint/__tests__/eslintPlugin.spec.js
index ea43a06ac0..fdc01371c4 100644
--- a/packages/@vue/cli-plugin-eslint/__tests__/eslintPlugin.spec.js
+++ b/packages/@vue/cli-plugin-eslint/__tests__/eslintPlugin.spec.js
@@ -227,7 +227,7 @@ test('should persist cache', async () => {
   expect(has('node_modules/.cache/eslint/cache.json')).toBe(true)
 })
 
-test(`should use formatter 'codeframe'`, async () => {
+test('should use formatter \'codeframe\'', async () => {
   const project = await create('eslint-formatter-codeframe', {
     plugins: {
       '@vue/cli-plugin-babel': {},
diff --git a/packages/@vue/cli-plugin-eslint/__tests__/ui.spec.js b/packages/@vue/cli-plugin-eslint/__tests__/ui.spec.js
index fbab31fc12..7d4ec4ddd0 100644
--- a/packages/@vue/cli-plugin-eslint/__tests__/ui.spec.js
+++ b/packages/@vue/cli-plugin-eslint/__tests__/ui.spec.js
@@ -91,7 +91,7 @@ describe('getEslintPrompts', () => {
 
   // all rules
   const rules = {
-    'lorem': {
+    lorem: {
       meta: {
         docs: {
           category: undefined,
@@ -100,7 +100,7 @@ describe('getEslintPrompts', () => {
         }
       }
     },
-    'ipsum': {
+    ipsum: {
       meta: {
         docs: {
           category: 'recommended',
@@ -109,7 +109,7 @@ describe('getEslintPrompts', () => {
         }
       }
     },
-    'dolor': {
+    dolor: {
       meta: {
         docs: {
           category: 'strongly-recommended',
@@ -118,7 +118,7 @@ describe('getEslintPrompts', () => {
         }
       }
     },
-    'sit': {
+    sit: {
       meta: {
         docs: {
           category: 'base',
diff --git a/packages/@vue/cli-plugin-eslint/eslintOptions.js b/packages/@vue/cli-plugin-eslint/eslintOptions.js
index c469b50f6c..ce48eee499 100644
--- a/packages/@vue/cli-plugin-eslint/eslintOptions.js
+++ b/packages/@vue/cli-plugin-eslint/eslintOptions.js
@@ -7,8 +7,8 @@ exports.config = (api, preset, rootOptions = {}) => {
       ecmaVersion: 2020
     },
     rules: {
-      'no-console': makeJSOnlyValue(`process.env.NODE_ENV === 'production' ? 'warn' : 'off'`),
-      'no-debugger': makeJSOnlyValue(`process.env.NODE_ENV === 'production' ? 'warn' : 'off'`)
+      'no-console': makeJSOnlyValue('process.env.NODE_ENV === \'production\' ? \'warn\' : \'off\''),
+      'no-debugger': makeJSOnlyValue('process.env.NODE_ENV === \'production\' ? \'warn\' : \'off\'')
     }
   }
 
diff --git a/packages/@vue/cli-plugin-eslint/lint.js b/packages/@vue/cli-plugin-eslint/lint.js
index 9d5eec9ea1..7a5b078add 100644
--- a/packages/@vue/cli-plugin-eslint/lint.js
+++ b/packages/@vue/cli-plugin-eslint/lint.js
@@ -107,7 +107,7 @@ module.exports = function lint (args = {}, api) {
     if (!args.silent) {
       const hasFixed = report.results.some(f => f.output)
       if (hasFixed) {
-        log(`The following files have been auto-fixed:`)
+        log('The following files have been auto-fixed:')
         log()
         report.results.forEach(f => {
           if (f.output) {
@@ -119,7 +119,7 @@ module.exports = function lint (args = {}, api) {
       if (report.warningCount || report.errorCount) {
         console.log(formatter(report.results))
       } else {
-        done(hasFixed ? `All lint errors auto-fixed.` : `No lint errors found!`)
+        done(hasFixed ? 'All lint errors auto-fixed.' : 'No lint errors found!')
       }
     }
   } else {
diff --git a/packages/@vue/cli-plugin-eslint/prompts.js b/packages/@vue/cli-plugin-eslint/prompts.js
index 9c070a7c47..2c3502727d 100644
--- a/packages/@vue/cli-plugin-eslint/prompts.js
+++ b/packages/@vue/cli-plugin-eslint/prompts.js
@@ -7,7 +7,7 @@ module.exports = [
   {
     name: 'config',
     type: 'list',
-    message: `Pick an ESLint config:`,
+    message: 'Pick an ESLint config:',
     choices: [
       {
         name: 'Error prevention only',
diff --git a/packages/@vue/cli-plugin-pwa/__tests__/pwaGenerator.spec.js b/packages/@vue/cli-plugin-pwa/__tests__/pwaGenerator.spec.js
index 222f5f0c7e..658ae12538 100644
--- a/packages/@vue/cli-plugin-pwa/__tests__/pwaGenerator.spec.js
+++ b/packages/@vue/cli-plugin-pwa/__tests__/pwaGenerator.spec.js
@@ -14,7 +14,7 @@ test('inject import statement for service worker', async () => {
     }
   ])
 
-  expect(files['src/main.js']).toMatch(`import './registerServiceWorker'`)
+  expect(files['src/main.js']).toMatch('import \'./registerServiceWorker\'')
 })
 
 test('inject import statement for service worker (with TS)', async () => {
@@ -36,5 +36,5 @@ test('inject import statement for service worker (with TS)', async () => {
     }
   ])
 
-  expect(files['src/main.ts']).toMatch(`import './registerServiceWorker'`)
+  expect(files['src/main.ts']).toMatch('import \'./registerServiceWorker\'')
 })
diff --git a/packages/@vue/cli-plugin-pwa/__tests__/pwaPlugin.spec.js b/packages/@vue/cli-plugin-pwa/__tests__/pwaPlugin.spec.js
index 56054308cc..509c1c96eb 100644
--- a/packages/@vue/cli-plugin-pwa/__tests__/pwaPlugin.spec.js
+++ b/packages/@vue/cli-plugin-pwa/__tests__/pwaPlugin.spec.js
@@ -36,14 +36,14 @@ test('pwa', async () => {
   // expect(index).toMatch(/<link [^>]+app[^>]+\.css" rel="preload" as="style">/)
 
   // PWA specific directives
-  expect(index).toMatch(`<link rel="manifest" href="/manifest.json">`)
+  expect(index).toMatch('<link rel="manifest" href="/manifest.json">')
   // favicon is not minified because it's technically a comment
-  expect(index).toMatch(`<!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]-->`)
-  expect(index).toMatch(`<meta name="apple-mobile-web-app-capable" content="no">`)
+  expect(index).toMatch('<!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]-->')
+  expect(index).toMatch('<meta name="apple-mobile-web-app-capable" content="no">')
 
   // should import service worker script
   const main = await project.read('src/main.js')
-  expect(main).toMatch(`import './registerServiceWorker'`)
+  expect(main).toMatch('import \'./registerServiceWorker\'')
 
   const port = await portfinder.getPortPromise()
   server = createServer({ root: path.join(project.dir, 'dist') })
diff --git a/packages/@vue/cli-plugin-pwa/generator/index.js b/packages/@vue/cli-plugin-pwa/generator/index.js
index fd3ca254a0..3c5f20bcaa 100644
--- a/packages/@vue/cli-plugin-pwa/generator/index.js
+++ b/packages/@vue/cli-plugin-pwa/generator/index.js
@@ -4,7 +4,7 @@ module.exports = api => {
       'register-service-worker': '^1.7.2'
     }
   })
-  api.injectImports(api.entryFile, `import './registerServiceWorker'`)
+  api.injectImports(api.entryFile, 'import \'./registerServiceWorker\'')
   api.render('./template')
 
   if (api.invoking && api.hasPlugin('typescript')) {
diff --git a/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js b/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js
index c49afc256a..439cf7b9e8 100644
--- a/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js
+++ b/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js
@@ -17,26 +17,26 @@ const defaults = {
 const defaultManifest = {
   icons: [
     {
-      'src': './img/icons/android-chrome-192x192.png',
-      'sizes': '192x192',
-      'type': 'image/png'
+      src: './img/icons/android-chrome-192x192.png',
+      sizes: '192x192',
+      type: 'image/png'
     },
     {
-      'src': './img/icons/android-chrome-512x512.png',
-      'sizes': '512x512',
-      'type': 'image/png'
+      src: './img/icons/android-chrome-512x512.png',
+      sizes: '512x512',
+      type: 'image/png'
     },
     {
-      'src': './img/icons/android-chrome-maskable-192x192.png',
-      'sizes': '192x192',
-      'type': 'image/png',
-      'purpose': 'maskable'
+      src: './img/icons/android-chrome-maskable-192x192.png',
+      sizes: '192x192',
+      type: 'image/png',
+      purpose: 'maskable'
     },
     {
-      'src': './img/icons/android-chrome-maskable-512x512.png',
-      'sizes': '512x512',
-      'type': 'image/png',
-      'purpose': 'maskable'
+      src: './img/icons/android-chrome-maskable-512x512.png',
+      sizes: '512x512',
+      type: 'image/png',
+      purpose: 'maskable'
     }
   ],
   start_url: '.',
diff --git a/packages/@vue/cli-plugin-router/generator/index.js b/packages/@vue/cli-plugin-router/generator/index.js
index eea704111f..f8defbc910 100644
--- a/packages/@vue/cli-plugin-router/generator/index.js
+++ b/packages/@vue/cli-plugin-router/generator/index.js
@@ -1,7 +1,7 @@
 module.exports = (api, options = {}, rootOptions = {}) => {
   const isVue3 = (rootOptions.vueVersion === '3')
 
-  api.injectImports(api.entryFile, `import router from './router'`)
+  api.injectImports(api.entryFile, 'import router from \'./router\'')
 
   if (isVue3) {
     api.transformScript(api.entryFile, require('./injectUseRouter'))
@@ -11,7 +11,7 @@ module.exports = (api, options = {}, rootOptions = {}) => {
       }
     })
   } else {
-    api.injectRootOptions(api.entryFile, `router`)
+    api.injectRootOptions(api.entryFile, 'router')
 
     api.extendPackage({
       dependencies: {
diff --git a/packages/@vue/cli-plugin-router/prompts.js b/packages/@vue/cli-plugin-router/prompts.js
index af10a49ae8..261e5090dd 100644
--- a/packages/@vue/cli-plugin-router/prompts.js
+++ b/packages/@vue/cli-plugin-router/prompts.js
@@ -7,7 +7,7 @@ module.exports = [
   {
     name: 'historyMode',
     type: 'confirm',
-    message: `Use history mode for router? ${chalk.yellow(`(Requires proper server setup for index fallback in production)`)}`,
-    description: `By using the HTML5 History API, the URLs don't need the '#' character anymore.`
+    message: `Use history mode for router? ${chalk.yellow('(Requires proper server setup for index fallback in production)')}`,
+    description: 'By using the HTML5 History API, the URLs don\'t need the \'#\' character anymore.'
   }
 ]
diff --git a/packages/@vue/cli-plugin-typescript/__tests__/tsGenerator.spec.js b/packages/@vue/cli-plugin-typescript/__tests__/tsGenerator.spec.js
index a745786439..c75411bd30 100644
--- a/packages/@vue/cli-plugin-typescript/__tests__/tsGenerator.spec.js
+++ b/packages/@vue/cli-plugin-typescript/__tests__/tsGenerator.spec.js
@@ -35,12 +35,12 @@ test('classComponent', async () => {
   expect(pkg.dependencies).toHaveProperty('vue-class-component')
   expect(pkg.dependencies).toHaveProperty('vue-property-decorator')
 
-  expect(files['tsconfig.json']).toMatch(`"experimentalDecorators": true`)
+  expect(files['tsconfig.json']).toMatch('"experimentalDecorators": true')
   expect(files['src/App.vue']).toMatch(
-    `export default class App extends Vue {`
+    'export default class App extends Vue {'
   )
   expect(files['src/components/HelloWorld.vue']).toMatch(
-    `export default class HelloWorld extends Vue {`
+    'export default class HelloWorld extends Vue {'
   )
 })
 
@@ -60,8 +60,8 @@ test('use with Babel', async () => {
     }
   ])
 
-  expect(files['babel.config.js']).toMatch(`presets: [\n    '@vue/cli-plugin-babel/preset'\n  ]`)
-  expect(files['tsconfig.json']).toMatch(`"target": "esnext"`)
+  expect(files['babel.config.js']).toMatch('presets: [\n    \'@vue/cli-plugin-babel/preset\'\n  ]')
+  expect(files['tsconfig.json']).toMatch('"target": "esnext"')
 })
 
 test('use with router', async () => {
diff --git a/packages/@vue/cli-plugin-typescript/__tests__/tsMochaPlugin.spec.js b/packages/@vue/cli-plugin-typescript/__tests__/tsMochaPlugin.spec.js
index b42649ea9d..efd9b6cef9 100644
--- a/packages/@vue/cli-plugin-typescript/__tests__/tsMochaPlugin.spec.js
+++ b/packages/@vue/cli-plugin-typescript/__tests__/tsMochaPlugin.spec.js
@@ -7,5 +7,5 @@ test('mocha', async () => {
       '@vue/cli-plugin-unit-mocha': {}
     }
   })
-  await project.run(`vue-cli-service test:unit`)
+  await project.run('vue-cli-service test:unit')
 })
diff --git a/packages/@vue/cli-plugin-typescript/__tests__/tsPlugin.helper.js b/packages/@vue/cli-plugin-typescript/__tests__/tsPlugin.helper.js
index 1bd5d4bf72..9fd27ba222 100644
--- a/packages/@vue/cli-plugin-typescript/__tests__/tsPlugin.helper.js
+++ b/packages/@vue/cli-plugin-typescript/__tests__/tsPlugin.helper.js
@@ -20,12 +20,12 @@ exports.assertServe = async (name, options, outside = false) => {
     await serve(
       () => project.run('yarn serve'),
       async ({ page, nextUpdate, helpers }) => {
-        const msg = `Welcome to Your Vue.js + TypeScript App`
+        const msg = 'Welcome to Your Vue.js + TypeScript App'
         expect(await helpers.getText('h1')).toMatch(msg)
 
         // test hot reload
-        const file = await project.read(`src/App.vue`)
-        project.write(`src/App.vue`, file.replace(msg, `Updated`))
+        const file = await project.read('src/App.vue')
+        project.write('src/App.vue', file.replace(msg, 'Updated'))
         await nextUpdate() // wait for child stdout update signal
         try {
           await page.waitForFunction(selector => {
diff --git a/packages/@vue/cli-plugin-typescript/__tests__/tsPluginClassComponent.spec.js b/packages/@vue/cli-plugin-typescript/__tests__/tsPluginClassComponent.spec.js
index 1decff1098..54f130e559 100644
--- a/packages/@vue/cli-plugin-typescript/__tests__/tsPluginClassComponent.spec.js
+++ b/packages/@vue/cli-plugin-typescript/__tests__/tsPluginClassComponent.spec.js
@@ -13,5 +13,5 @@ const options = {
 assertServe('ts-class-serve', options)
 assertBuild('ts-class-build', options, async (project) => {
   const app = await project.read('src/App.vue')
-  expect(app).toMatch(`export default class App extends Vue {`)
+  expect(app).toMatch('export default class App extends Vue {')
 })
diff --git a/packages/@vue/cli-plugin-typescript/__tests__/tsPluginE2e.spec.js b/packages/@vue/cli-plugin-typescript/__tests__/tsPluginE2e.spec.js
index fcc2f74c89..c4320d4997 100644
--- a/packages/@vue/cli-plugin-typescript/__tests__/tsPluginE2e.spec.js
+++ b/packages/@vue/cli-plugin-typescript/__tests__/tsPluginE2e.spec.js
@@ -17,7 +17,7 @@ if (!process.env.APPVEYOR) {
     const config = JSON.parse(await project.read('cypress.json'))
     config.video = false
     await project.write('cypress.json', JSON.stringify(config))
-    await project.run(`vue-cli-service test:e2e --headless`)
+    await project.run('vue-cli-service test:e2e --headless')
   })
 }
 
@@ -29,6 +29,6 @@ if (!process.env.CIRCLECI) {
         '@vue/cli-plugin-e2e-nightwatch': {}
       }
     })
-    await project.run(`vue-cli-service test:e2e`)
+    await project.run('vue-cli-service test:e2e')
   })
 }
diff --git a/packages/@vue/cli-plugin-typescript/__tests__/tsPluginUnit.spec.js b/packages/@vue/cli-plugin-typescript/__tests__/tsPluginUnit.spec.js
index 044539b3d3..8bc3e4a63e 100644
--- a/packages/@vue/cli-plugin-typescript/__tests__/tsPluginUnit.spec.js
+++ b/packages/@vue/cli-plugin-typescript/__tests__/tsPluginUnit.spec.js
@@ -9,7 +9,7 @@ test('jest', async () => {
       '@vue/cli-plugin-unit-jest': {}
     }
   })
-  await project.run(`vue-cli-service test:unit`)
+  await project.run('vue-cli-service test:unit')
 })
 
 test('jest w/ babel', async () => {
@@ -20,5 +20,5 @@ test('jest w/ babel', async () => {
       '@vue/cli-plugin-unit-jest': {}
     }
   })
-  await project.run(`vue-cli-service test:unit`)
+  await project.run('vue-cli-service test:unit')
 })
diff --git a/packages/@vue/cli-plugin-typescript/index.js b/packages/@vue/cli-plugin-typescript/index.js
index cc02c8b175..9610d56ccf 100644
--- a/packages/@vue/cli-plugin-typescript/index.js
+++ b/packages/@vue/cli-plugin-typescript/index.js
@@ -35,7 +35,7 @@ module.exports = (api, projectOptions) => {
       loader: require.resolve('cache-loader'),
       options: api.genCacheConfig('ts-loader', {
         'ts-loader': require('ts-loader/package.json').version,
-        'typescript': require('typescript/package.json').version,
+        typescript: require('typescript/package.json').version,
         modern: !!process.env.VUE_CLI_MODERN_BUILD
       }, 'tsconfig.json')
     })
diff --git a/packages/@vue/cli-plugin-typescript/prompts.js b/packages/@vue/cli-plugin-typescript/prompts.js
index 92dabcdbc7..be446912d3 100644
--- a/packages/@vue/cli-plugin-typescript/prompts.js
+++ b/packages/@vue/cli-plugin-typescript/prompts.js
@@ -3,32 +3,32 @@
 
 module.exports = [
   {
-    name: `classComponent`,
-    type: `confirm`,
-    message: `Use class-style component syntax?`,
+    name: 'classComponent',
+    type: 'confirm',
+    message: 'Use class-style component syntax?',
     default: true
   },
   {
-    name: `useTsWithBabel`,
-    type: `confirm`,
+    name: 'useTsWithBabel',
+    type: 'confirm',
     message: 'Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)?'
   },
   {
-    name: `convertJsToTs`,
-    type: `confirm`,
-    message: `Convert all .js files to .ts?`,
+    name: 'convertJsToTs',
+    type: 'confirm',
+    message: 'Convert all .js files to .ts?',
     default: true
   },
   {
-    name: `allowJs`,
-    type: `confirm`,
-    message: `Allow .js files to be compiled?`,
+    name: 'allowJs',
+    type: 'confirm',
+    message: 'Allow .js files to be compiled?',
     default: false
   },
   {
     name: 'skipLibCheck',
-    type: `confirm`,
-    message: `Skip type checking of all declaration files (recommended for apps)?`,
+    type: 'confirm',
+    message: 'Skip type checking of all declaration files (recommended for apps)?',
     default: true
   }
 ]
diff --git a/packages/@vue/cli-plugin-unit-jest/__tests__/jestGenerator.spec.js b/packages/@vue/cli-plugin-unit-jest/__tests__/jestGenerator.spec.js
index ad976b351d..062582fa0c 100644
--- a/packages/@vue/cli-plugin-unit-jest/__tests__/jestGenerator.spec.js
+++ b/packages/@vue/cli-plugin-unit-jest/__tests__/jestGenerator.spec.js
@@ -25,7 +25,7 @@ test('base', async () => {
   expect(pkg.devDependencies).toHaveProperty('@vue/test-utils')
 
   const spec = files['tests/unit/example.spec.js']
-  expect(spec).toMatch(`expect(wrapper.text()).toMatch(msg)`)
+  expect(spec).toMatch('expect(wrapper.text()).toMatch(msg)')
 })
 
 test('with TS', async () => {
@@ -44,7 +44,7 @@ test('with TS', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.ts']
-  expect(spec).toMatch(`expect(wrapper.text()).toMatch(msg)`)
+  expect(spec).toMatch('expect(wrapper.text()).toMatch(msg)')
 })
 
 test('bare', async () => {
@@ -62,8 +62,8 @@ test('bare', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.js']
-  expect(spec).toMatch(`const wrapper = shallowMount(App)`)
-  expect(spec).toMatch(`expect(wrapper.text()).toMatch(\`Welcome to Your Vue.js App\`)`)
+  expect(spec).toMatch('const wrapper = shallowMount(App)')
+  expect(spec).toMatch('expect(wrapper.text()).toMatch(`Welcome to Your Vue.js App`)')
 })
 
 test('TS + bare', async () => {
@@ -86,8 +86,8 @@ test('TS + bare', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.ts']
-  expect(spec).toMatch(`const wrapper = shallowMount(App)`)
-  expect(spec).toMatch(`expect(wrapper.text()).toMatch(\`Welcome to Your Vue.js + TypeScript App\`)`)
+  expect(spec).toMatch('const wrapper = shallowMount(App)')
+  expect(spec).toMatch('expect(wrapper.text()).toMatch(`Welcome to Your Vue.js + TypeScript App`)')
 })
 
 test('bare + router', async () => {
@@ -110,8 +110,8 @@ test('bare + router', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.js']
-  expect(spec).toMatch(`const wrapper = mount(App,`)
-  expect(spec).toMatch(`expect(wrapper.text()).toMatch(\`Welcome to Your Vue.js App\`)`)
+  expect(spec).toMatch('const wrapper = mount(App,')
+  expect(spec).toMatch('expect(wrapper.text()).toMatch(`Welcome to Your Vue.js App`)')
 })
 
 test('TS + bare + router', async () => {
@@ -139,8 +139,8 @@ test('TS + bare + router', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.ts']
-  expect(spec).toMatch(`const wrapper = mount(App,`)
-  expect(spec).toMatch(`expect(wrapper.text()).toMatch(\`Welcome to Your Vue.js App\`)`)
+  expect(spec).toMatch('const wrapper = mount(App,')
+  expect(spec).toMatch('expect(wrapper.text()).toMatch(`Welcome to Your Vue.js App`)')
 })
 
 test('add types to existing tsconfig.json', async () => {
diff --git a/packages/@vue/cli-plugin-unit-jest/__tests__/jestPlugin.spec.js b/packages/@vue/cli-plugin-unit-jest/__tests__/jestPlugin.spec.js
index 618914c269..2ea3b41f87 100644
--- a/packages/@vue/cli-plugin-unit-jest/__tests__/jestPlugin.spec.js
+++ b/packages/@vue/cli-plugin-unit-jest/__tests__/jestPlugin.spec.js
@@ -10,7 +10,7 @@ test('should work', async () => {
       '@vue/cli-plugin-unit-jest': {}
     }
   })
-  await project.run(`vue-cli-service test:unit`)
+  await project.run('vue-cli-service test:unit')
 })
 
 test('should respect jest testMatch config', async () => {
@@ -27,7 +27,7 @@ test('should respect jest testMatch config', async () => {
 
   let result
   try {
-    await project.run(`vue-cli-service test:unit`)
+    await project.run('vue-cli-service test:unit')
   } catch (e) {
     result = e
   }
@@ -51,7 +51,7 @@ test('should respect jest.config.js testMatch config', async () => {
 
   let result
   try {
-    await project.run(`vue-cli-service test:unit`)
+    await project.run('vue-cli-service test:unit')
   } catch (e) {
     result = e
   }
@@ -66,9 +66,9 @@ test('should work without Babel', async () => {
     },
     useConfigFiles: true
   })
-  await project.run(`vue-cli-service test:unit`)
+  await project.run('vue-cli-service test:unit')
 
-  await project.run(`vue-cli-service test:unit --coverage --collectCoverageFrom="src/**/*.{js,vue}"`)
+  await project.run('vue-cli-service test:unit --coverage --collectCoverageFrom="src/**/*.{js,vue}"')
   const appCoverage = await project.read('coverage/lcov-report/App.vue.html')
   expect(appCoverage).toBeTruthy()
 })
@@ -114,7 +114,7 @@ test('should work with tsx', async () => {
   })
   `)
 
-  await run(`vue-cli-service test:unit`)
+  await run('vue-cli-service test:unit')
 })
 
 test('should correctly configured eslint', async () => {
@@ -124,7 +124,7 @@ test('should correctly configured eslint', async () => {
       '@vue/cli-plugin-unit-jest': {}
     }
   })
-  await project.run(`vue-cli-service lint`)
+  await project.run('vue-cli-service lint')
 })
 
 test('should work with Vue 3', async () => {
@@ -137,5 +137,5 @@ test('should work with Vue 3', async () => {
   })
   const pkg = JSON.parse(await project.read('package.json'))
   expect(pkg.devDependencies['@vue/test-utils']).toMatch('^2')
-  await project.run(`vue-cli-service test:unit`)
+  await project.run('vue-cli-service test:unit')
 })
diff --git a/packages/@vue/cli-plugin-unit-jest/__tests__/jestPluginVue3.spec.js b/packages/@vue/cli-plugin-unit-jest/__tests__/jestPluginVue3.spec.js
index 91741feb6f..17318ff808 100644
--- a/packages/@vue/cli-plugin-unit-jest/__tests__/jestPluginVue3.spec.js
+++ b/packages/@vue/cli-plugin-unit-jest/__tests__/jestPluginVue3.spec.js
@@ -12,5 +12,5 @@ test('should work with Vue 3', async () => {
   })
   const pkg = JSON.parse(await project.read('package.json'))
   expect(pkg.devDependencies['@vue/test-utils']).toMatch('^2')
-  await project.run(`vue-cli-service test:unit`)
+  await project.run('vue-cli-service test:unit')
 })
diff --git a/packages/@vue/cli-plugin-unit-jest/generator/index.js b/packages/@vue/cli-plugin-unit-jest/generator/index.js
index 5696753e94..4d7a48eeb5 100644
--- a/packages/@vue/cli-plugin-unit-jest/generator/index.js
+++ b/packages/@vue/cli-plugin-unit-jest/generator/index.js
@@ -26,7 +26,7 @@ module.exports = (api, options, rootOptions, invoking) => {
       devDependencies: {
         'vue-jest': '^5.0.0-0',
         // vue-jest 5.0.0-alpha.1 requires typescript to be present
-        'typescript': '~4.1.2'
+        typescript: '~4.1.2'
       },
       jest: {
         transform: {
diff --git a/packages/@vue/cli-plugin-unit-jest/index.js b/packages/@vue/cli-plugin-unit-jest/index.js
index add7bae890..ade946e52f 100644
--- a/packages/@vue/cli-plugin-unit-jest/index.js
+++ b/packages/@vue/cli-plugin-unit-jest/index.js
@@ -6,8 +6,8 @@ module.exports = api => {
       '--watch': 'run tests in watch mode'
     },
     details:
-      `All jest command line options are supported.\n` +
-      `See https://facebook.github.io/jest/docs/en/cli.html for more details.`
+      'All jest command line options are supported.\n' +
+      'See https://facebook.github.io/jest/docs/en/cli.html for more details.'
   }, (args, rawArgv) => {
     // for @vue/babel-preset-app <= v4.0.0-rc.7
     process.env.VUE_CLI_BABEL_TARGET_NODE = true
diff --git a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaGenerator.spec.js b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaGenerator.spec.js
index dc01eaef6a..286011472a 100644
--- a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaGenerator.spec.js
+++ b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaGenerator.spec.js
@@ -20,8 +20,8 @@ test('base', async () => {
   expect(pkg.devDependencies).toHaveProperty('@vue/test-utils')
 
   const spec = files['tests/unit/example.spec.js']
-  expect(spec).toMatch(`import { expect } from 'chai'`)
-  expect(spec).toMatch(`expect(wrapper.text()).to.include(msg)`)
+  expect(spec).toMatch('import { expect } from \'chai\'')
+  expect(spec).toMatch('expect(wrapper.text()).to.include(msg)')
 })
 
 test('with TS', async () => {
@@ -40,8 +40,8 @@ test('with TS', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.ts']
-  expect(spec).toMatch(`import { expect } from 'chai'`)
-  expect(spec).toMatch(`expect(wrapper.text()).to.include(msg)`)
+  expect(spec).toMatch('import { expect } from \'chai\'')
+  expect(spec).toMatch('expect(wrapper.text()).to.include(msg)')
 })
 
 test('bare', async () => {
@@ -59,8 +59,8 @@ test('bare', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.js']
-  expect(spec).toMatch(`const wrapper = shallowMount(App)`)
-  expect(spec).toMatch(`expect(wrapper.text()).to.include(\`Welcome to Your Vue.js App\`)`)
+  expect(spec).toMatch('const wrapper = shallowMount(App)')
+  expect(spec).toMatch('expect(wrapper.text()).to.include(`Welcome to Your Vue.js App`)')
 })
 
 test('TS + bare', async () => {
@@ -83,8 +83,8 @@ test('TS + bare', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.ts']
-  expect(spec).toMatch(`const wrapper = shallowMount(App)`)
-  expect(spec).toMatch(`expect(wrapper.text()).to.include(\`Welcome to Your Vue.js + TypeScript App\`)`)
+  expect(spec).toMatch('const wrapper = shallowMount(App)')
+  expect(spec).toMatch('expect(wrapper.text()).to.include(`Welcome to Your Vue.js + TypeScript App`)')
 })
 
 test('bare + router', async () => {
@@ -107,8 +107,8 @@ test('bare + router', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.js']
-  expect(spec).toMatch(`const wrapper = mount(App,`)
-  expect(spec).toMatch(`expect(wrapper.text()).to.include(\`Welcome to Your Vue.js App\`)`)
+  expect(spec).toMatch('const wrapper = mount(App,')
+  expect(spec).toMatch('expect(wrapper.text()).to.include(`Welcome to Your Vue.js App`)')
 })
 
 test('TS + bare + router', async () => {
@@ -136,8 +136,8 @@ test('TS + bare + router', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.ts']
-  expect(spec).toMatch(`const wrapper = mount(App,`)
-  expect(spec).toMatch(`expect(wrapper.text()).to.include(\`Welcome to Your Vue.js App\`)`)
+  expect(spec).toMatch('const wrapper = mount(App,')
+  expect(spec).toMatch('expect(wrapper.text()).to.include(`Welcome to Your Vue.js App`)')
 })
 
 test('add types to existing tsconfig.json', async () => {
diff --git a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPlugin.spec.js b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPlugin.spec.js
index f17b7a358c..27a3925040 100644
--- a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPlugin.spec.js
+++ b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPlugin.spec.js
@@ -9,5 +9,5 @@ test('should work', async () => {
       '@vue/cli-plugin-unit-mocha': {}
     }
   })
-  await project.run(`vue-cli-service test:unit`)
+  await project.run('vue-cli-service test:unit')
 })
diff --git a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPluginVue3.spec.js b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPluginVue3.spec.js
index e95581c4ea..340531c382 100644
--- a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPluginVue3.spec.js
+++ b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPluginVue3.spec.js
@@ -11,7 +11,7 @@ test('should work with Vue 3', async () => {
   })
   const pkg = JSON.parse(await project.read('package.json'))
   expect(pkg.devDependencies['@vue/test-utils']).toMatch('^2')
-  await project.run(`vue-cli-service test:unit`)
+  await project.run('vue-cli-service test:unit')
 })
 
 test('should work with Vue 3 + TS', async () => {
@@ -25,5 +25,5 @@ test('should work with Vue 3 + TS', async () => {
   })
   const pkg = JSON.parse(await project.read('package.json'))
   expect(pkg.devDependencies['@vue/test-utils']).toMatch('^2')
-  await project.run(`vue-cli-service test:unit`)
+  await project.run('vue-cli-service test:unit')
 })
diff --git a/packages/@vue/cli-plugin-unit-mocha/generator/index.js b/packages/@vue/cli-plugin-unit-mocha/generator/index.js
index 7dfc5b6123..a50b65c73b 100644
--- a/packages/@vue/cli-plugin-unit-mocha/generator/index.js
+++ b/packages/@vue/cli-plugin-unit-mocha/generator/index.js
@@ -14,7 +14,7 @@ module.exports = (api, options, rootOptions, invoking) => {
     devDependencies: {
       '@vue/cli-plugin-webpack-4': require('../package.json').dependencies['@vue/cli-plugin-webpack-4'],
       '@vue/test-utils': isVue3 ? '^2.0.0-0' : '^1.1.0',
-      'chai': '^4.2.0'
+      chai: '^4.2.0'
     },
     scripts: {
       'test:unit': 'vue-cli-service test:unit'
diff --git a/packages/@vue/cli-plugin-unit-mocha/index.js b/packages/@vue/cli-plugin-unit-mocha/index.js
index 9c921650fc..c5fdd0f14f 100644
--- a/packages/@vue/cli-plugin-unit-mocha/index.js
+++ b/packages/@vue/cli-plugin-unit-mocha/index.js
@@ -41,9 +41,9 @@ module.exports = api => {
       '--inspect-brk': 'Enable inspector to debug the tests'
     },
     details: (
-      `The above list only includes the most commonly used options.\n` +
-      `For a full list of available options, see\n` +
-      `https://sysgears.github.io/mochapack/docs/installation/cli-usage.html`
+      'The above list only includes the most commonly used options.\n' +
+      'For a full list of available options, see\n' +
+      'https://sysgears.github.io/mochapack/docs/installation/cli-usage.html'
     )
   }, (args, rawArgv) => {
     let nodeArgs = []
@@ -71,8 +71,8 @@ module.exports = api => {
         ? []
         : [
           api.hasPlugin('typescript')
-            ? `tests/unit/**/*.spec.ts`
-            : `tests/unit/**/*.spec.js`
+            ? 'tests/unit/**/*.spec.ts'
+            : 'tests/unit/**/*.spec.js'
         ])
     ]
 
diff --git a/packages/@vue/cli-plugin-vuex/generator/index.js b/packages/@vue/cli-plugin-vuex/generator/index.js
index 8603d2b570..53844431c0 100644
--- a/packages/@vue/cli-plugin-vuex/generator/index.js
+++ b/packages/@vue/cli-plugin-vuex/generator/index.js
@@ -1,5 +1,5 @@
 module.exports = (api, options = {}, rootOptions = {}) => {
-  api.injectImports(api.entryFile, `import store from './store'`)
+  api.injectImports(api.entryFile, 'import store from \'./store\'')
 
   if (rootOptions.vueVersion === '3') {
     api.transformScript(api.entryFile, require('./injectUseStore'))
@@ -10,7 +10,7 @@ module.exports = (api, options = {}, rootOptions = {}) => {
     })
     api.render('./template-vue3', {})
   } else {
-    api.injectRootOptions(api.entryFile, `store`)
+    api.injectRootOptions(api.entryFile, 'store')
 
     api.extendPackage({
       dependencies: {
diff --git a/packages/@vue/cli-plugin-webpack-4/generator.js b/packages/@vue/cli-plugin-webpack-4/generator.js
index 195d1476a9..8d3b2e6c49 100644
--- a/packages/@vue/cli-plugin-webpack-4/generator.js
+++ b/packages/@vue/cli-plugin-webpack-4/generator.js
@@ -2,7 +2,7 @@
 module.exports = (api) => {
   api.extendPackage({
     devDependencies: {
-      'webpack': '^4.0.0'
+      webpack: '^4.0.0'
     },
     // Force resolutions is more reliable than module-alias
     // Yarn and PNPM 5.10+ support this feature
diff --git a/packages/@vue/cli-service/__tests__/Service.spec.js b/packages/@vue/cli-service/__tests__/Service.spec.js
index b1381978e0..59979151fc 100644
--- a/packages/@vue/cli-service/__tests__/Service.spec.js
+++ b/packages/@vue/cli-service/__tests__/Service.spec.js
@@ -38,8 +38,8 @@ afterEach(() => {
 
 test('env loading', () => {
   process.env.FOO = 0
-  fs.writeFileSync('/.env.local', `FOO=1\nBAR=2`)
-  fs.writeFileSync('/.env', `BAR=3\nBAZ=4`)
+  fs.writeFileSync('/.env.local', 'FOO=1\nBAR=2')
+  fs.writeFileSync('/.env', 'BAR=3\nBAZ=4')
   createMockService()
 
   expect(process.env.FOO).toBe('0')
@@ -209,8 +209,8 @@ test('api: --skip-plugins', () => {
 })
 
 test('api: defaultModes', () => {
-  fs.writeFileSync('/.env.foo', `FOO=5\nBAR=6`)
-  fs.writeFileSync('/.env.foo.local', `FOO=7\nBAZ=8`)
+  fs.writeFileSync('/.env.foo', 'FOO=5\nBAR=6')
+  fs.writeFileSync('/.env.foo.local', 'FOO=7\nBAZ=8')
 
   const plugin1 = {
     id: 'test-defaultModes',
diff --git a/packages/@vue/cli-service/__tests__/buildLib.spec.js b/packages/@vue/cli-service/__tests__/buildLib.spec.js
index 7aa6915a6c..cc21038e96 100644
--- a/packages/@vue/cli-service/__tests__/buildLib.spec.js
+++ b/packages/@vue/cli-service/__tests__/buildLib.spec.js
@@ -127,10 +127,10 @@ test('build as lib with webpackConfiguration depending on target (js)', async ()
   expect(project.has('dist/testLib.common.js')).toBe(true)
 
   const umdContent = await project.read('dist/testLib.umd.js')
-  expect(umdContent).toContain(`foo: 'bar'`)
+  expect(umdContent).toContain('foo: \'bar\'')
 
   const commonContent = await project.read('dist/testLib.common.js')
-  expect(commonContent).not.toContain(`foo: 'bar'`)
+  expect(commonContent).not.toContain('foo: \'bar\'')
 })
 
 test('build as lib with --filename option', async () => {
diff --git a/packages/@vue/cli-service/__tests__/buildWc.spec.js b/packages/@vue/cli-service/__tests__/buildWc.spec.js
index 4dcd67255d..b0e39c698c 100644
--- a/packages/@vue/cli-service/__tests__/buildWc.spec.js
+++ b/packages/@vue/cli-service/__tests__/buildWc.spec.js
@@ -12,7 +12,7 @@ let server, browser, page
 test('build as wc', async () => {
   const project = await create('build-wc', defaultPreset)
 
-  const { stdout } = await project.run(`vue-cli-service build --target wc **/*.vue`)
+  const { stdout } = await project.run('vue-cli-service build --target wc **/*.vue')
   expect(stdout).toMatch('Build complete.')
 
   expect(project.has('dist/demo.html')).toBe(true)
@@ -57,7 +57,7 @@ test('build as wc', async () => {
 test('build as single wc', async () => {
   const project = await create('build-single-wc', defaultPreset)
 
-  const { stdout } = await project.run(`vue-cli-service build --target wc --name single-wc`)
+  const { stdout } = await project.run('vue-cli-service build --target wc --name single-wc')
   expect(stdout).toMatch('Build complete.')
 
   expect(project.has('dist/demo.html')).toBe(true)
diff --git a/packages/@vue/cli-service/__tests__/buildWcAsync.spec.js b/packages/@vue/cli-service/__tests__/buildWcAsync.spec.js
index b8235a7573..e5b6f568a7 100644
--- a/packages/@vue/cli-service/__tests__/buildWcAsync.spec.js
+++ b/packages/@vue/cli-service/__tests__/buildWcAsync.spec.js
@@ -12,7 +12,7 @@ let server, browser, page
 test('build as wc in async mode', async () => {
   const project = await create('build-wc-async', defaultPreset)
 
-  const { stdout } = await project.run(`vue-cli-service build --target wc-async **/*.vue`)
+  const { stdout } = await project.run('vue-cli-service build --target wc-async **/*.vue')
   expect(stdout).toMatch('Build complete.')
 
   expect(project.has('dist/demo.html')).toBe(true)
diff --git a/packages/@vue/cli-service/__tests__/css.spec.js b/packages/@vue/cli-service/__tests__/css.spec.js
index 0492e41a12..0ab0986e71 100644
--- a/packages/@vue/cli-service/__tests__/css.spec.js
+++ b/packages/@vue/cli-service/__tests__/css.spec.js
@@ -118,7 +118,7 @@ test('CSS Modules rules', () => {
       importLoaders: 2, // with postcss-loader
       sourceMap: false,
       modules: {
-        localIdentName: `[name]_[local]_[hash:base64:5]`
+        localIdentName: '[name]_[local]_[hash:base64:5]'
       }
     }
     // vue-modules rules
@@ -157,7 +157,7 @@ test('Customized CSS Modules rules', () => {
       importLoaders: 2, // with postcss-loader
       sourceMap: false,
       modules: {
-        localIdentName: `[folder]-[name]-[local][emoji]`
+        localIdentName: '[folder]-[name]-[local][emoji]'
       }
     }
     // vue-modules rules
@@ -191,7 +191,7 @@ test('deprecate `css.modules` option', () => {
       importLoaders: 2, // with postcss-loader
       sourceMap: false,
       modules: {
-        localIdentName: `[folder]-[name]-[local][emoji]`
+        localIdentName: '[folder]-[name]-[local][emoji]'
       }
     }
     // vue-modules rules
@@ -228,7 +228,7 @@ test('favor `css.requireModuleExtension` over `css.modules`', () => {
       importLoaders: 2, // with postcss-loader
       sourceMap: false,
       modules: {
-        localIdentName: `[folder]-[name]-[local][emoji]`
+        localIdentName: '[folder]-[name]-[local][emoji]'
       }
     }
     // vue-modules rules
diff --git a/packages/@vue/cli-service/__tests__/generator.spec.js b/packages/@vue/cli-service/__tests__/generator.spec.js
index 2fba9353dc..8e97af9827 100644
--- a/packages/@vue/cli-service/__tests__/generator.spec.js
+++ b/packages/@vue/cli-service/__tests__/generator.spec.js
@@ -36,7 +36,7 @@ test('Vue 3', async () => {
   expect(pkg.dependencies.vue).toMatch('^3')
   expect(pkg).toHaveProperty(['devDependencies', '@vue/compiler-sfc'])
 
-  expect(files['src/main.js']).toMatch(`import { createApp } from 'vue'`)
+  expect(files['src/main.js']).toMatch('import { createApp } from \'vue\'')
 
   expect(files['src/App.vue']).not.toMatch('<div id="app">')
 })
diff --git a/packages/@vue/cli-service/__tests__/modernMode.spec.js b/packages/@vue/cli-service/__tests__/modernMode.spec.js
index 1542e2486a..303c9ce80c 100644
--- a/packages/@vue/cli-service/__tests__/modernMode.spec.js
+++ b/packages/@vue/cli-service/__tests__/modernMode.spec.js
@@ -48,7 +48,7 @@ test('modern mode', async () => {
   expect(index).toMatch(`<script>${safariFix}</script>`)
 
   // Test crossorigin="use-credentials"
-  await project.write('vue.config.js', `module.exports = { crossorigin: 'use-credentials' }`)
+  await project.write('vue.config.js', 'module.exports = { crossorigin: \'use-credentials\' }')
   const { stdout: stdout2 } = await project.run('vue-cli-service build --modern')
   expect(stdout2).toMatch('Build complete.')
   const index2 = await project.read('dist/index.html')
diff --git a/packages/@vue/cli-service/__tests__/multiPage.spec.js b/packages/@vue/cli-service/__tests__/multiPage.spec.js
index 441fe07537..7b4c23861b 100644
--- a/packages/@vue/cli-service/__tests__/multiPage.spec.js
+++ b/packages/@vue/cli-service/__tests__/multiPage.spec.js
@@ -55,8 +55,8 @@ async function makeProjectMultiPage (project) {
   `)
   const app = await project.read('src/App.vue')
   await project.write('src/App.vue', app.replace(
-    `import HelloWorld from './components/HelloWorld.vue'`,
-    `const HelloWorld = () => import('./components/HelloWorld.vue')`
+    'import HelloWorld from \'./components/HelloWorld.vue\'',
+    'const HelloWorld = () => import(\'./components/HelloWorld.vue\')'
   ))
 }
 
@@ -68,22 +68,22 @@ test('serve w/ multi page', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ page, url, helpers }) => {
-      expect(await helpers.getText('h1')).toMatch(`Welcome to Your Vue.js App`)
+      expect(await helpers.getText('h1')).toMatch('Welcome to Your Vue.js App')
 
       await page.goto(`${url}/foo.html`)
-      expect(await helpers.getText('h1')).toMatch(`Foo`)
+      expect(await helpers.getText('h1')).toMatch('Foo')
 
       await page.goto(`${url}/bar.html`)
-      expect(await helpers.getText('h1')).toMatch(`Welcome to Your Vue.js App`)
+      expect(await helpers.getText('h1')).toMatch('Welcome to Your Vue.js App')
 
       await page.goto(`${url}foo`)
-      expect(await helpers.getText('h1')).toMatch(`Foo`)
+      expect(await helpers.getText('h1')).toMatch('Foo')
 
       await page.goto(`${url}bar`)
-      expect(await helpers.getText('h1')).toMatch(`Welcome to Your Vue.js App`)
+      expect(await helpers.getText('h1')).toMatch('Welcome to Your Vue.js App')
 
       await page.goto(`${url}foobar`)
-      expect(await helpers.getText('h1')).toMatch(`FooBar`)
+      expect(await helpers.getText('h1')).toMatch('FooBar')
     }
   )
 })
diff --git a/packages/@vue/cli-service/__tests__/proxy.spec.js b/packages/@vue/cli-service/__tests__/proxy.spec.js
index cbaff7f9df..7b99120ffb 100644
--- a/packages/@vue/cli-service/__tests__/proxy.spec.js
+++ b/packages/@vue/cli-service/__tests__/proxy.spec.js
@@ -11,13 +11,13 @@ let mockServer2
 
 beforeAll(done => {
   mockServer1 = createJSONServer({
-    'posts': [
-      { 'id': 1, 'title': 'server-one', 'author': 'typicode' }
+    posts: [
+      { id: 1, title: 'server-one', author: 'typicode' }
     ]
   }).listen(3000, () => {
     mockServer2 = createJSONServer({
-      'posts': [
-        { 'id': 1, 'title': 'server-two', 'author': 'typicode' }
+      posts: [
+        { id: 1, title: 'server-two', author: 'typicode' }
       ]
     }).listen(3001, done)
   })
diff --git a/packages/@vue/cli-service/__tests__/serve.spec.js b/packages/@vue/cli-service/__tests__/serve.spec.js
index 6eaa11926d..2003c7e894 100644
--- a/packages/@vue/cli-service/__tests__/serve.spec.js
+++ b/packages/@vue/cli-service/__tests__/serve.spec.js
@@ -13,12 +13,12 @@ test('serve', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ page, nextUpdate, helpers }) => {
-      const msg = `Welcome to Your Vue.js App`
+      const msg = 'Welcome to Your Vue.js App'
       expect(await helpers.getText('h1')).toMatch(msg)
 
       // test hot reload
-      const file = await project.read(`src/App.vue`)
-      project.write(`src/App.vue`, file.replace(msg, `Updated`))
+      const file = await project.read('src/App.vue')
+      project.write('src/App.vue', file.replace(msg, 'Updated'))
       await nextUpdate() // wait for child stdout update signal
       try {
         await page.waitForFunction(selector => {
@@ -47,14 +47,14 @@ test('serve with router', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ page, helpers }) => {
-      expect(await helpers.getText('h1')).toMatch(`Welcome to Your Vue.js App`)
+      expect(await helpers.getText('h1')).toMatch('Welcome to Your Vue.js App')
       expect(await helpers.hasElement('#nav')).toBe(true)
       expect(await helpers.hasClass('a[href="#/"]', 'router-link-exact-active')).toBe(true)
       expect(await helpers.hasClass('a[href="#/about"]', 'router-link-exact-active')).toBe(false)
 
       await page.click('a[href="#/about"]')
       await sleep(1000)
-      expect(await helpers.getText('h1')).toMatch(`This is an about page`)
+      expect(await helpers.getText('h1')).toMatch('This is an about page')
       expect(await helpers.hasElement('#nav')).toBe(true)
       expect(await helpers.hasClass('a[href="#/"]', 'router-link-exact-active')).toBe(false)
       expect(await helpers.hasClass('a[href="#/about"]', 'router-link-exact-active')).toBe(true)
@@ -71,14 +71,14 @@ test('serve with legacy router option', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ page, helpers }) => {
-      expect(await helpers.getText('h1')).toMatch(`Welcome to Your Vue.js App`)
+      expect(await helpers.getText('h1')).toMatch('Welcome to Your Vue.js App')
       expect(await helpers.hasElement('#nav')).toBe(true)
       expect(await helpers.hasClass('a[href="/"]', 'router-link-exact-active')).toBe(true)
       expect(await helpers.hasClass('a[href="/about"]', 'router-link-exact-active')).toBe(false)
 
       await page.click('a[href="/about"]')
       await sleep(1000)
-      expect(await helpers.getText('h1')).toMatch(`This is an about page`)
+      expect(await helpers.getText('h1')).toMatch('This is an about page')
       expect(await helpers.hasElement('#nav')).toBe(true)
       expect(await helpers.hasClass('a[href="/"]', 'router-link-exact-active')).toBe(false)
       expect(await helpers.hasClass('a[href="/about"]', 'router-link-exact-active')).toBe(true)
@@ -94,7 +94,7 @@ test('serve with legacy vuex option', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ page, helpers }) => {
-      expect(await helpers.getText('h1')).toMatch(`Welcome to Your Vue.js App`)
+      expect(await helpers.getText('h1')).toMatch('Welcome to Your Vue.js App')
     }
   )
 })
@@ -110,12 +110,12 @@ test('serve with inline entry', async () => {
   await serve(
     () => project.run('vue-cli-service serve src/index.js'),
     async ({ page, nextUpdate, helpers }) => {
-      const msg = `Welcome to Your Vue.js App`
+      const msg = 'Welcome to Your Vue.js App'
       expect(await helpers.getText('h1')).toMatch(msg)
 
       // test hot reload
-      const file = await project.read(`src/App.vue`)
-      project.write(`src/App.vue`, file.replace(msg, `Updated`))
+      const file = await project.read('src/App.vue')
+      project.write('src/App.vue', file.replace(msg, 'Updated'))
       await nextUpdate() // wait for child stdout update signal
       try {
         await page.waitForFunction(selector => {
@@ -143,12 +143,12 @@ test('serve with no public dir', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ page, nextUpdate, helpers }) => {
-      const msg = `Welcome to Your Vue.js App`
+      const msg = 'Welcome to Your Vue.js App'
       expect(await helpers.getText('h1')).toMatch(msg)
 
       // test hot reload
-      const file = await project.read(`src/App.vue`)
-      project.write(`src/App.vue`, file.replace(msg, `Updated`))
+      const file = await project.read('src/App.vue')
+      project.write('src/App.vue', file.replace(msg, 'Updated'))
       await nextUpdate() // wait for child stdout update signal
       try {
         await page.waitForFunction(selector => {
@@ -185,7 +185,7 @@ test('use a single websocket connection for HMR', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ helpers, requestUrls }) => {
-      const msg = `Welcome to Your Vue.js App`
+      const msg = 'Welcome to Your Vue.js App'
       expect(await helpers.getText('h1')).toMatch(msg)
 
       expect(requestUrls.filter(url => url.includes('sockjs-node')).length).toBe(1)
diff --git a/packages/@vue/cli-service/__tests__/serveVue3.spec.js b/packages/@vue/cli-service/__tests__/serveVue3.spec.js
index 1021497c22..92a90360b2 100644
--- a/packages/@vue/cli-service/__tests__/serveVue3.spec.js
+++ b/packages/@vue/cli-service/__tests__/serveVue3.spec.js
@@ -11,13 +11,13 @@ test('serve with Vue 3', async () => {
   await serve(
     () => project.run('yarn serve'),
     async ({ page, nextUpdate, helpers }) => {
-      const msg = `Welcome to Your Vue.js App`
+      const msg = 'Welcome to Your Vue.js App'
       expect(await helpers.getText('h1')).toMatch(msg)
       expect(await page.evaluate(() => window.__VUE__)).toBeDefined()
 
       // test hot reload
-      const file = await project.read(`src/App.vue`)
-      project.write(`src/App.vue`, file.replace(msg, `Updated`))
+      const file = await project.read('src/App.vue')
+      project.write('src/App.vue', file.replace(msg, 'Updated'))
       await nextUpdate() // wait for child stdout update signal
       try {
         await page.waitForFunction(selector => {
diff --git a/packages/@vue/cli-service/generator/index.js b/packages/@vue/cli-service/generator/index.js
index ef6705182f..09a91efcb0 100644
--- a/packages/@vue/cli-service/generator/index.js
+++ b/packages/@vue/cli-service/generator/index.js
@@ -6,7 +6,7 @@ module.exports = (api, options) => {
   if (options.vueVersion === '3') {
     api.extendPackage({
       dependencies: {
-        'vue': '^3.0.4'
+        vue: '^3.0.4'
       },
       devDependencies: {
         '@vue/compiler-sfc': '^3.0.4'
@@ -15,7 +15,7 @@ module.exports = (api, options) => {
   } else {
     api.extendPackage({
       dependencies: {
-        'vue': '^2.6.11'
+        vue: '^2.6.11'
       },
       devDependencies: {
         'vue-template-compiler': '^2.6.11'
@@ -25,8 +25,8 @@ module.exports = (api, options) => {
 
   api.extendPackage({
     scripts: {
-      'serve': 'vue-cli-service serve',
-      'build': 'vue-cli-service build'
+      serve: 'vue-cli-service serve',
+      build: 'vue-cli-service build'
     },
     browserslist: [
       '> 1%',
@@ -46,11 +46,11 @@ module.exports = (api, options) => {
         'sass-loader': '^8.0.2'
       },
       less: {
-        'less': '^3.0.4',
+        less: '^3.0.4',
         'less-loader': '^5.0.0'
       },
       stylus: {
-        'stylus': '^0.54.8',
+        stylus: '^0.54.8',
         'stylus-loader': '^4.3.1'
       }
     }
diff --git a/packages/@vue/cli-service/lib/Service.js b/packages/@vue/cli-service/lib/Service.js
index 4fb59cd8a5..9d69613ff2 100644
--- a/packages/@vue/cli-service/lib/Service.js
+++ b/packages/@vue/cli-service/lib/Service.js
@@ -92,7 +92,7 @@ module.exports = class Service {
 
   loadEnv (mode) {
     const logger = debug('vue:env')
-    const basePath = path.resolve(this.context, `.env${mode ? `.${mode}` : ``}`)
+    const basePath = path.resolve(this.context, `.env${mode ? `.${mode}` : ''}`)
     const localPath = `${basePath}.local`
 
     const load = envPath => {
@@ -278,8 +278,8 @@ module.exports = class Service {
       config.output.publicPath !== this.projectOptions.publicPath
     ) {
       throw new Error(
-        `Do not modify webpack output.publicPath directly. ` +
-        `Use the "publicPath" option in vue.config.js instead.`
+        'Do not modify webpack output.publicPath directly. ' +
+        'Use the "publicPath" option in vue.config.js instead.'
       )
     }
 
@@ -354,8 +354,8 @@ module.exports = class Service {
     pkgConfig = this.pkg.vue
     if (pkgConfig && typeof pkgConfig !== 'object') {
       error(
-        `Error loading vue-cli config in ${chalk.bold(`package.json`)}: ` +
-        `the "vue" field should be an object.`
+        `Error loading vue-cli config in ${chalk.bold('package.json')}: ` +
+        'the "vue" field should be an object.'
       )
       pkgConfig = null
     }
@@ -363,12 +363,12 @@ module.exports = class Service {
     if (fileConfig) {
       if (pkgConfig) {
         warn(
-          `"vue" field in package.json ignored ` +
+          '"vue" field in package.json ignored ' +
           `due to presence of ${chalk.bold('vue.config.js')}.`
         )
         warn(
           `You should migrate it into ${chalk.bold('vue.config.js')} ` +
-          `and remove it from package.json.`
+          'and remove it from package.json.'
         )
       }
       resolved = fileConfig
@@ -385,12 +385,12 @@ module.exports = class Service {
       if (typeof resolved.css.requireModuleExtension !== 'undefined') {
         warn(
           `You have set both "css.modules" and "css.requireModuleExtension" in ${chalk.bold('vue.config.js')}, ` +
-          `"css.modules" will be ignored in favor of "css.requireModuleExtension".`
+          '"css.modules" will be ignored in favor of "css.requireModuleExtension".'
         )
       } else {
         warn(
           `"css.modules" option in ${chalk.bold('vue.config.js')} ` +
-          `is deprecated now, please use "css.requireModuleExtension" instead.`
+          'is deprecated now, please use "css.requireModuleExtension" instead.'
         )
         resolved.css.requireModuleExtension = !resolved.css.modules
       }
diff --git a/packages/@vue/cli-service/lib/commands/build/formatStats.js b/packages/@vue/cli-service/lib/commands/build/formatStats.js
index a6dec9554f..be83e5e82b 100644
--- a/packages/@vue/cli-service/lib/commands/build/formatStats.js
+++ b/packages/@vue/cli-service/lib/commands/build/formatStats.js
@@ -55,18 +55,18 @@ module.exports = function formatStats (stats, dir, api) {
 
   ui.div(
     makeRow(
-      chalk.cyan.bold(`File`),
-      chalk.cyan.bold(`Size`),
-      chalk.cyan.bold(`Gzipped`)
-    ) + `\n\n` +
+      chalk.cyan.bold('File'),
+      chalk.cyan.bold('Size'),
+      chalk.cyan.bold('Gzipped')
+    ) + '\n\n' +
     assets.map(asset => makeRow(
       /js$/.test(asset.name)
         ? chalk.green(path.join(dir, asset.name))
         : chalk.blue(path.join(dir, asset.name)),
       formatSize(asset.size),
       getGzippedSize(asset)
-    )).join(`\n`)
+    )).join('\n')
   )
 
-  return `${ui.toString()}\n\n  ${chalk.gray(`Images and other types of assets omitted.`)}\n`
+  return `${ui.toString()}\n\n  ${chalk.gray('Images and other types of assets omitted.')}\n`
 }
diff --git a/packages/@vue/cli-service/lib/commands/build/index.js b/packages/@vue/cli-service/lib/commands/build/index.js
index 7354731ec5..9a37a71043 100644
--- a/packages/@vue/cli-service/lib/commands/build/index.js
+++ b/packages/@vue/cli-service/lib/commands/build/index.js
@@ -24,21 +24,21 @@ module.exports = (api, options) => {
     description: 'build for production',
     usage: 'vue-cli-service build [options] [entry|pattern]',
     options: {
-      '--mode': `specify env mode (default: production)`,
+      '--mode': 'specify env mode (default: production)',
       '--dest': `specify output directory (default: ${options.outputDir})`,
-      '--modern': `build app targeting modern browsers with auto fallback`,
-      '--no-unsafe-inline': `build app without introducing inline scripts`,
+      '--modern': 'build app targeting modern browsers with auto fallback',
+      '--no-unsafe-inline': 'build app without introducing inline scripts',
       '--target': `app | lib | wc | wc-async (default: ${defaults.target})`,
       '--inline-vue': 'include the Vue module in the final bundle of library or web component target',
       '--formats': `list of output formats for library builds (default: ${defaults.formats})`,
-      '--name': `name for lib or web-component mode (default: "name" in package.json or entry filename)`,
-      '--filename': `file name for output, only usable for 'lib' target (default: value of --name)`,
-      '--no-clean': `do not remove the dist directory before building the project`,
-      '--report': `generate report.html to help analyze bundle content`,
+      '--name': 'name for lib or web-component mode (default: "name" in package.json or entry filename)',
+      '--filename': 'file name for output, only usable for \'lib\' target (default: value of --name)',
+      '--no-clean': 'do not remove the dist directory before building the project',
+      '--report': 'generate report.html to help analyze bundle content',
       '--report-json': 'generate report.json to help analyze bundle content',
-      '--skip-plugins': `comma-separated list of plugin names to skip for this run`,
-      '--watch': `watch for changes`,
-      '--stdin': `close when stdin ends`
+      '--skip-plugins': 'comma-separated list of plugin names to skip for this run',
+      '--watch': 'watch for changes',
+      '--stdin': 'close when stdin ends'
     }
   }, async (args, rawArgs) => {
     for (const key in defaults) {
@@ -81,9 +81,9 @@ module.exports = (api, options) => {
       if (args.modern) {
         const { warn } = require('@vue/cli-shared-utils')
         warn(
-          `Modern mode only works with default target (app). ` +
-          `For libraries or web components, use the browserslist ` +
-          `config to specify target browsers.`
+          'Modern mode only works with default target (app). ' +
+          'For libraries or web components, use the browserslist ' +
+          'config to specify target browsers.'
         )
       }
       await build(args, api, options)
@@ -112,14 +112,14 @@ async function build (args, api, options) {
   if (args.target === 'app') {
     const bundleTag = args.modern
       ? args.modernBuild
-        ? `modern bundle `
-        : `legacy bundle `
-      : ``
+        ? 'modern bundle '
+        : 'legacy bundle '
+      : ''
     logWithSpinner(`Building ${bundleTag}for ${mode}...`)
   } else {
     const buildMode = buildModes[args.target]
     if (buildMode) {
-      const additionalParams = buildMode === 'library' ? ` (${args.formats})` : ``
+      const additionalParams = buildMode === 'library' ? ` (${args.formats})` : ''
       logWithSpinner(`Building for ${mode} as ${buildMode}${additionalParams}...`)
     } else {
       throw new Error(`Unknown build target: ${args.target}`)
@@ -216,9 +216,9 @@ async function build (args, api, options) {
         if (args.target === 'app' && !isLegacyBuild) {
           if (!args.watch) {
             done(`Build complete. The ${chalk.cyan(targetDirShort)} directory is ready to be deployed.`)
-            info(`Check out deployment instructions at ${chalk.cyan(`https://cli.vuejs.org/guide/deployment.html`)}\n`)
+            info(`Check out deployment instructions at ${chalk.cyan('https://cli.vuejs.org/guide/deployment.html')}\n`)
           } else {
-            done(`Build complete. Watching for changes...`)
+            done('Build complete. Watching for changes...')
           }
         }
       }
diff --git a/packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js b/packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js
index cea6a23f0b..552f7f3c2b 100644
--- a/packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js
+++ b/packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js
@@ -13,8 +13,8 @@ module.exports = (api, { entry, name, formats, filename, 'inline-vue': inlineVue
 
   if (!fs.existsSync(fullEntryPath)) {
     abort(
-      `Failed to resolve lib entry: ${entry}${entry === `src/App.vue` ? ' (default)' : ''}. ` +
-      `Make sure to specify the correct entry file.`
+      `Failed to resolve lib entry: ${entry}${entry === 'src/App.vue' ? ' (default)' : ''}. ` +
+      'Make sure to specify the correct entry file.'
     )
   }
 
@@ -119,7 +119,7 @@ module.exports = (api, { entry, name, formats, filename, 'inline-vue': inlineVue
       // libraryTarget: 'esm' or target: 'universal'
       // https://github.com/webpack/webpack/issues/6522
       // https://github.com/webpack/webpack/issues/6525
-      globalObject: `(typeof self !== 'undefined' ? self : this)`
+      globalObject: '(typeof self !== \'undefined\' ? self : this)'
     }, rawConfig.output, {
       filename: `${entryName}.js`,
       chunkFilename: `${entryName}.[name].js`,
diff --git a/packages/@vue/cli-service/lib/commands/build/resolveWcConfig.js b/packages/@vue/cli-service/lib/commands/build/resolveWcConfig.js
index 037e88c717..ef2daacbce 100644
--- a/packages/@vue/cli-service/lib/commands/build/resolveWcConfig.js
+++ b/packages/@vue/cli-service/lib/commands/build/resolveWcConfig.js
@@ -17,7 +17,7 @@ module.exports = (api, { target, entry, name, 'inline-vue': inlineVue }) => {
   const webpackMajor = semver.major(webpack.version)
   const vueMajor = require('../../util/getVueMajor')(cwd)
   if (vueMajor === 3) {
-    abort(`Vue 3 support of the web component target is still under development.`)
+    abort('Vue 3 support of the web component target is still under development.')
   }
 
   const isAsync = /async/.test(target)
@@ -35,13 +35,13 @@ module.exports = (api, { target, entry, name, 'inline-vue': inlineVue }) => {
     libName = name || fileToComponentName('', resolvedFiles[0]).kebabName
     prefix = ''
     if (libName.indexOf('-') < 0) {
-      abort(`--name must contain a hyphen when building a single web component.`)
+      abort('--name must contain a hyphen when building a single web component.')
     }
   } else {
     // multi mode
     libName = prefix = (name || api.service.pkg.name)
     if (!libName) {
-      abort(`--name is required when building multiple web components.`)
+      abort('--name is required when building multiple web components.')
     }
   }
 
@@ -86,7 +86,7 @@ module.exports = (api, { target, entry, name, 'inline-vue': inlineVue }) => {
       config
         .plugin('demo-html')
           .use(require('html-webpack-plugin'), [{
-            template: path.resolve(__dirname, `./demo-wc.html`),
+            template: path.resolve(__dirname, './demo-wc.html'),
             inject: false,
             filename: 'demo.html',
             libName,
@@ -115,14 +115,14 @@ module.exports = (api, { target, entry, name, 'inline-vue': inlineVue }) => {
       { ...(inlineVue || { vue: 'Vue' }) }
     ].filter(Boolean)
 
-    const entryName = `${libName}${minify ? `.min` : ``}`
+    const entryName = `${libName}${minify ? '.min' : ''}`
     rawConfig.entry = {
       [entryName]: dynamicEntry.filePath
     }
 
     Object.assign(rawConfig.output, {
       filename: `${entryName}.js`,
-      chunkFilename: `${libName}.[name]${minify ? `.min` : ``}.js`,
+      chunkFilename: `${libName}.[name]${minify ? '.min' : ''}.js`,
       // use dynamic publicPath so this can be deployed anywhere
       // the actual path will be determined at runtime by checking
       // document.currentScript.src.
diff --git a/packages/@vue/cli-service/lib/commands/build/resolveWcEntry.js b/packages/@vue/cli-service/lib/commands/build/resolveWcEntry.js
index 21c640488e..04b30ba29f 100644
--- a/packages/@vue/cli-service/lib/commands/build/resolveWcEntry.js
+++ b/packages/@vue/cli-service/lib/commands/build/resolveWcEntry.js
@@ -29,7 +29,7 @@ const createElement = (prefix, component, file, isAsync) => {
 exports.fileToComponentName = (prefix, file) => {
   const basename = path.basename(file).replace(/\.(jsx?|vue)$/, '')
   const camelName = camelize(basename)
-  const kebabName = `${prefix ? `${prefix}-` : ``}${hyphenate(basename)}`
+  const kebabName = `${prefix ? `${prefix}-` : ''}${hyphenate(basename)}`
   return {
     basename,
     camelName,
diff --git a/packages/@vue/cli-service/lib/commands/help.js b/packages/@vue/cli-service/lib/commands/help.js
index f649885d7c..7c1b22942a 100644
--- a/packages/@vue/cli-service/lib/commands/help.js
+++ b/packages/@vue/cli-service/lib/commands/help.js
@@ -13,8 +13,8 @@ module.exports = (api, options) => {
 
   function logMainHelp () {
     console.log(
-      `\n  Usage: vue-cli-service <command> [options]\n` +
-      `\n  Commands:\n`
+      '\n  Usage: vue-cli-service <command> [options]\n' +
+      '\n  Commands:\n'
     )
     const commands = api.service.commands
     const padLength = getPadLength(commands)
@@ -29,7 +29,7 @@ module.exports = (api, options) => {
       }
     }
     console.log(`\n  run ${
-      chalk.green(`vue-cli-service help [command]`)
+      chalk.green('vue-cli-service help [command]')
     } for usage of a specific command.\n`)
   }
 
@@ -42,7 +42,7 @@ module.exports = (api, options) => {
         console.log(`\n  Usage: ${opts.usage}`)
       }
       if (opts.options) {
-        console.log(`\n  Options:\n`)
+        console.log('\n  Options:\n')
         const padLength = getPadLength(opts.options)
         for (const [flags, description] of Object.entries(opts.options)) {
           console.log(`    ${
diff --git a/packages/@vue/cli-service/lib/commands/serve.js b/packages/@vue/cli-service/lib/commands/serve.js
index 6d0903ce31..514b00abe0 100644
--- a/packages/@vue/cli-service/lib/commands/serve.js
+++ b/packages/@vue/cli-service/lib/commands/serve.js
@@ -18,15 +18,15 @@ module.exports = (api, options) => {
     description: 'start development server',
     usage: 'vue-cli-service serve [options] [entry]',
     options: {
-      '--open': `open browser on server start`,
-      '--copy': `copy url to clipboard on server start`,
-      '--stdin': `close when stdin ends`,
-      '--mode': `specify env mode (default: development)`,
+      '--open': 'open browser on server start',
+      '--copy': 'copy url to clipboard on server start',
+      '--stdin': 'close when stdin ends',
+      '--mode': 'specify env mode (default: development)',
       '--host': `specify host (default: ${defaults.host})`,
       '--port': `specify port (default: ${defaults.port})`,
       '--https': `use https (default: ${defaults.https})`,
-      '--public': `specify the public network URL for the HMR client`,
-      '--skip-plugins': `comma-separated list of plugin names to skip for this run`
+      '--public': 'specify the public network URL for the HMR client',
+      '--skip-plugins': 'comma-separated list of plugin names to skip for this run'
     }
   }, async function serve (args) {
     info('Starting development server...')
@@ -61,7 +61,7 @@ module.exports = (api, options) => {
         // https://github.com/vuejs/vue-cli/issues/3539
         webpackConfig
           .output
-            .globalObject(`(typeof self !== 'undefined' ? self : this)`)
+            .globalObject('(typeof self !== \'undefined\' ? self : this)')
 
         if (!process.env.VUE_CLI_TEST && options.devServer.progress !== false) {
           webpackConfig
@@ -136,16 +136,16 @@ module.exports = (api, options) => {
         : isInContainer
           // can't infer public network url if inside a container...
           // use client-side inference (note this would break with non-root publicPath)
-          ? ``
+          ? ''
           // otherwise infer the url
-          : `?` + url.format({
+          : '?' + url.format({
             protocol,
             port,
             hostname: urls.lanUrlForConfig || 'localhost'
           }) + `&sockPath=${sockPath}`
       const devClients = [
         // dev server client
-        require.resolve(`webpack-dev-server/client`) + sockjsUrl,
+        require.resolve('webpack-dev-server/client') + sockjsUrl,
         // hmr client
         require.resolve(projectDevServerOptions.hotOnly
           ? 'webpack/hot/only-dev-server'
@@ -154,7 +154,7 @@ module.exports = (api, options) => {
         // `@vue/cli-overlay/dist/client`
       ]
       if (process.env.APPVEYOR) {
-        devClients.push(`webpack/hot/poll?500`)
+        devClients.push('webpack/hot/poll?500')
       }
       // inject dev/hot client
       addDevClientToEntry(webpackConfig, devClients)
@@ -195,8 +195,8 @@ module.exports = (api, options) => {
         // launch editor support.
         // this works with vue-devtools & @vue/cli-overlay
         app.use('/__open-in-editor', launchEditorMiddleware(() => console.log(
-          `To specify an editor, specify the EDITOR env variable or ` +
-          `add "editor" field to your Vue project config.\n`
+          'To specify an editor, specify the EDITOR env variable or ' +
+          'add "editor" field to your Vue project config.\n'
         )))
         // allow other plugins to register middlewares, e.g. PWA
         api.service.devServerConfigFns.forEach(fn => fn(app, server))
@@ -261,18 +261,18 @@ module.exports = (api, options) => {
           : urls.lanUrlForTerminal
 
         console.log()
-        console.log(`  App running at:`)
+        console.log('  App running at:')
         console.log(`  - Local:   ${chalk.cyan(urls.localUrlForTerminal)} ${copied}`)
         if (!isInContainer) {
           console.log(`  - Network: ${chalk.cyan(networkUrl)}`)
         } else {
           console.log()
-          console.log(chalk.yellow(`  It seems you are running Vue CLI inside a container.`))
+          console.log(chalk.yellow('  It seems you are running Vue CLI inside a container.'))
           if (!publicUrl && options.publicPath && options.publicPath !== '/') {
             console.log()
-            console.log(chalk.yellow(`  Since you are using a non-root publicPath, the hot-reload socket`))
-            console.log(chalk.yellow(`  will not be able to infer the correct URL to connect. You should`))
-            console.log(chalk.yellow(`  explicitly specify the URL via ${chalk.blue(`devServer.public`)}.`))
+            console.log(chalk.yellow('  Since you are using a non-root publicPath, the hot-reload socket'))
+            console.log(chalk.yellow('  will not be able to infer the correct URL to connect. You should'))
+            console.log(chalk.yellow(`  explicitly specify the URL via ${chalk.blue('devServer.public')}.`))
             console.log()
           }
           console.log(chalk.yellow(`  Access the dev server via ${chalk.cyan(
@@ -285,12 +285,12 @@ module.exports = (api, options) => {
           isFirstCompile = false
 
           if (!isProduction) {
-            const buildCommand = hasProjectYarn(api.getCwd()) ? `yarn build` : hasProjectPnpm(api.getCwd()) ? `pnpm run build` : `npm run build`
-            console.log(`  Note that the development build is not optimized.`)
+            const buildCommand = hasProjectYarn(api.getCwd()) ? 'yarn build' : hasProjectPnpm(api.getCwd()) ? 'pnpm run build' : 'npm run build'
+            console.log('  Note that the development build is not optimized.')
             console.log(`  To create a production build, run ${chalk.cyan(buildCommand)}.`)
           } else {
-            console.log(`  App is served in production mode.`)
-            console.log(`  Note this is for preview or E2E testing only.`)
+            console.log('  App is served in production mode.')
+            console.log('  Note this is for preview or E2E testing only.')
           }
           console.log()
 
@@ -351,8 +351,8 @@ function checkInContainer () {
     return true
   }
   const fs = require('fs')
-  if (fs.existsSync(`/proc/1/cgroup`)) {
-    const content = fs.readFileSync(`/proc/1/cgroup`, 'utf-8')
+  if (fs.existsSync('/proc/1/cgroup')) {
+    const content = fs.readFileSync('/proc/1/cgroup', 'utf-8')
     return /:\/(lxc|docker|kubepods(\.slice)?)\//.test(content)
   }
 }
diff --git a/packages/@vue/cli-service/lib/config/app.js b/packages/@vue/cli-service/lib/config/app.js
index ad5d9aa758..4104ec048e 100644
--- a/packages/@vue/cli-service/lib/config/app.js
+++ b/packages/@vue/cli-service/lib/config/app.js
@@ -30,7 +30,7 @@ module.exports = (api, options) => {
     const getAssetPath = require('../util/getAssetPath')
     const outputFilename = getAssetPath(
       options,
-      `js/[name]${isLegacyBundle ? `-legacy` : ``}${isProd && options.filenameHashing ? '.[contenthash:8]' : ''}.js`
+      `js/[name]${isLegacyBundle ? '-legacy' : ''}${isProd && options.filenameHashing ? '.[contenthash:8]' : ''}.js`
     )
     webpackConfig
       .output
@@ -43,13 +43,13 @@ module.exports = (api, options) => {
         webpackConfig.optimization.splitChunks({
           cacheGroups: {
             vendors: {
-              name: `chunk-vendors`,
+              name: 'chunk-vendors',
               test: /[\\/]node_modules[\\/]/,
               priority: -10,
               chunks: 'initial'
             },
             common: {
-              name: `chunk-common`,
+              name: 'chunk-common',
               minChunks: 2,
               priority: -20,
               chunks: 'initial',
@@ -61,13 +61,13 @@ module.exports = (api, options) => {
         webpackConfig.optimization.splitChunks({
           cacheGroups: {
             defaultVendors: {
-              name: `chunk-vendors`,
+              name: 'chunk-vendors',
               test: /[\\/]node_modules[\\/]/,
               priority: -10,
               chunks: 'initial'
             },
             common: {
-              name: `chunk-common`,
+              name: 'chunk-common',
               minChunks: 2,
               priority: -20,
               chunks: 'initial',
@@ -129,7 +129,7 @@ module.exports = (api, options) => {
             const joinedHash = hash(
               Array.from(chunk.modulesIterable, m => m.id).join('_')
             )
-            return `chunk-` + joinedHash
+            return 'chunk-' + joinedHash
           }])
     }
 
diff --git a/packages/@vue/cli-service/lib/util/checkWebpack.js b/packages/@vue/cli-service/lib/util/checkWebpack.js
index aab5d83c11..a754bf2cd1 100644
--- a/packages/@vue/cli-service/lib/util/checkWebpack.js
+++ b/packages/@vue/cli-service/lib/util/checkWebpack.js
@@ -52,7 +52,7 @@ module.exports = function checkWebpack (cwd) {
     // Because many uses runtime sniffing to run conditional code for different webpack versions.
     if (customWebpackVersion !== requiredWebpackVersion) {
       // TODO: recommend users to use yarn force resolutions or pnpm hooks instead
-      warn(`Using "module-alias" to load custom webpack version.`)
+      warn('Using "module-alias" to load custom webpack version.')
 
       const webpack4Path = path.dirname(resolveModule('webpack/package.json', cwd))
       moduleAlias.addAlias('webpack', (fromPath, request) => {
diff --git a/packages/@vue/cli-service/lib/util/resolveLoaderError.js b/packages/@vue/cli-service/lib/util/resolveLoaderError.js
index ba037a067e..b19bb41271 100644
--- a/packages/@vue/cli-service/lib/util/resolveLoaderError.js
+++ b/packages/@vue/cli-service/lib/util/resolveLoaderError.js
@@ -6,7 +6,7 @@ const rules = [
     re: /Can't resolve '(.*loader)'/,
     msg: (e, match) => (
       `Failed to resolve loader: ${chalk.yellow(match[1])}\n` +
-      `You may need to install it.`
+      'You may need to install it.'
     )
   }
 ]
diff --git a/packages/@vue/cli-service/lib/util/validateWebpackConfig.js b/packages/@vue/cli-service/lib/util/validateWebpackConfig.js
index dc61dce76b..f94a84e0a0 100644
--- a/packages/@vue/cli-service/lib/util/validateWebpackConfig.js
+++ b/packages/@vue/cli-service/lib/util/validateWebpackConfig.js
@@ -15,24 +15,24 @@ module.exports = function validateWebpackConfig (
     // this is not supported because there's no way for us to give copy
     // plugin the correct value this way.
     throw new Error(
-      `\n\nConfiguration Error: ` +
-      `Avoid modifying webpack output.path directly. ` +
-      `Use the "outputDir" option instead.\n`
+      '\n\nConfiguration Error: ' +
+      'Avoid modifying webpack output.path directly. ' +
+      'Use the "outputDir" option instead.\n'
     )
   }
 
   if (actualTargetDir === api.service.context) {
     throw new Error(
-      `\n\nConfiguration Error: ` +
-      `Do not set output directory to project root.\n`
+      '\n\nConfiguration Error: ' +
+      'Do not set output directory to project root.\n'
     )
   }
 
   if (target === 'app' && singleConfig.output.publicPath !== options.publicPath) {
     throw new Error(
-      `\n\nConfiguration Error: ` +
-      `Avoid modifying webpack output.publicPath directly. ` +
-      `Use the "publicPath" option instead.\n`
+      '\n\nConfiguration Error: ' +
+      'Avoid modifying webpack output.publicPath directly. ' +
+      'Use the "publicPath" option instead.\n'
     )
   }
 }
diff --git a/packages/@vue/cli-service/lib/webpack/CorsPlugin.js b/packages/@vue/cli-service/lib/webpack/CorsPlugin.js
index 9cd317678b..e199a4cf33 100644
--- a/packages/@vue/cli-service/lib/webpack/CorsPlugin.js
+++ b/packages/@vue/cli-service/lib/webpack/CorsPlugin.js
@@ -8,7 +8,7 @@ module.exports = class CorsPlugin {
   }
 
   apply (compiler) {
-    const ID = `vue-cli-cors-plugin`
+    const ID = 'vue-cli-cors-plugin'
     compiler.hooks.compilation.tap(ID, compilation => {
       const ssri = require('ssri')
 
diff --git a/packages/@vue/cli-service/lib/webpack/ModernModePlugin.js b/packages/@vue/cli-service/lib/webpack/ModernModePlugin.js
index 874b361338..b3cb55c12e 100644
--- a/packages/@vue/cli-service/lib/webpack/ModernModePlugin.js
+++ b/packages/@vue/cli-service/lib/webpack/ModernModePlugin.js
@@ -3,7 +3,7 @@ const path = require('path')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 
 // https://gist.github.com/samthor/64b114e4a4f539915a95b91ffd340acc
-const safariFix = `!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();`
+const safariFix = '!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();'
 
 class ModernModePlugin {
   constructor ({ targetDir, isModernBuild, unsafeInline, jsDirectory }) {
@@ -22,7 +22,7 @@ class ModernModePlugin {
   }
 
   applyLegacy (compiler) {
-    const ID = `vue-cli-legacy-bundle`
+    const ID = 'vue-cli-legacy-bundle'
     compiler.hooks.compilation.tap(ID, compilation => {
       HtmlWebpackPlugin.getHooks(compilation).alterAssetTagGroups.tapAsync(ID, async (data, cb) => {
         // get stats, write to disk
@@ -39,7 +39,7 @@ class ModernModePlugin {
   }
 
   applyModern (compiler) {
-    const ID = `vue-cli-modern-bundle`
+    const ID = 'vue-cli-modern-bundle'
     compiler.hooks.compilation.tap(ID, compilation => {
       HtmlWebpackPlugin.getHooks(compilation).alterAssetTagGroups.tapAsync(ID, async (data, cb) => {
         // use <script type="module"> for modern assets
diff --git a/packages/@vue/cli-shared-utils/lib/env.js b/packages/@vue/cli-shared-utils/lib/env.js
index d45616dee3..ce2b7273ce 100644
--- a/packages/@vue/cli-shared-utils/lib/env.js
+++ b/packages/@vue/cli-shared-utils/lib/env.js
@@ -43,7 +43,7 @@ exports.hasProjectYarn = (cwd) => {
 }
 
 function checkYarn (result) {
-  if (result && !exports.hasYarn()) throw new Error(`The project seems to require yarn but it's not installed.`)
+  if (result && !exports.hasYarn()) throw new Error('The project seems to require yarn but it\'s not installed.')
   return result
 }
 
diff --git a/packages/@vue/cli-shared-utils/lib/launch.js b/packages/@vue/cli-shared-utils/lib/launch.js
index f3ec8474ff..474b945beb 100644
--- a/packages/@vue/cli-shared-utils/lib/launch.js
+++ b/packages/@vue/cli-shared-utils/lib/launch.js
@@ -9,7 +9,7 @@ exports.launch = (...args) => {
   }
   launch(...args, (fileName, errorMessage) => {
     console.error(`Unable to open '${fileName}'`, errorMessage)
-    console.log(`Try setting the EDITOR env variable. More info: https://github.com/yyx990803/launch-editor`)
+    console.log('Try setting the EDITOR env variable. More info: https://github.com/yyx990803/launch-editor')
 
     if (cb) cb(fileName, errorMessage)
   })
diff --git a/packages/@vue/cli-shared-utils/lib/module.js b/packages/@vue/cli-shared-utils/lib/module.js
index c5f1953fbd..ec3d530ea2 100644
--- a/packages/@vue/cli-shared-utils/lib/module.js
+++ b/packages/@vue/cli-shared-utils/lib/module.js
@@ -13,7 +13,7 @@ const createRequire = Module.createRequire || Module.createRequireFromPath || fu
   mod.filename = filename
   mod.paths = Module._nodeModulePaths(path.dirname(filename))
 
-  mod._compile(`module.exports = require;`, filename)
+  mod._compile('module.exports = require;', filename)
 
   return mod.exports
 }
diff --git a/packages/@vue/cli-shared-utils/lib/pluginResolution.js b/packages/@vue/cli-shared-utils/lib/pluginResolution.js
index 8d112c49c1..469428eb49 100644
--- a/packages/@vue/cli-shared-utils/lib/pluginResolution.js
+++ b/packages/@vue/cli-shared-utils/lib/pluginResolution.js
@@ -44,7 +44,7 @@ exports.resolvePluginId = id => {
     if (scopeMatch) {
       const scope = scopeMatch[0]
       const shortId = id.replace(scopeRE, '')
-      return `${scope}${scope === '@vue/' ? `` : `vue-`}cli-plugin-${shortId}`
+      return `${scope}${scope === '@vue/' ? '' : 'vue-'}cli-plugin-${shortId}`
     }
   }
   // default short
@@ -77,6 +77,6 @@ exports.getPluginLink = id => {
   return (
     pkg.homepage ||
     (pkg.repository && pkg.repository.url) ||
-    `https://www.npmjs.com/package/${id.replace(`/`, `%2F`)}`
+    `https://www.npmjs.com/package/${id.replace('/', '%2F')}`
   )
 }
diff --git a/packages/@vue/cli-test-utils/createJSONServer.js b/packages/@vue/cli-test-utils/createJSONServer.js
index ca4d5f3683..f0824df3d9 100644
--- a/packages/@vue/cli-test-utils/createJSONServer.js
+++ b/packages/@vue/cli-test-utils/createJSONServer.js
@@ -1,13 +1,13 @@
 const jsonServer = require('json-server')
 
 const defaultData = () => ({
-  'posts': [
-    { 'id': 1, 'title': 'json-server', 'author': 'typicode' }
+  posts: [
+    { id: 1, title: 'json-server', author: 'typicode' }
   ],
-  'comments': [
-    { 'id': 1, 'body': 'some comment', 'postId': 1 }
+  comments: [
+    { id: 1, body: 'some comment', postId: 1 }
   ],
-  'profile': { 'name': 'typicode' }
+  profile: { name: 'typicode' }
 })
 
 module.exports = function createJSONServer (data = defaultData()) {
diff --git a/packages/@vue/cli/__tests__/Generator.spec.js b/packages/@vue/cli/__tests__/Generator.spec.js
index 6489dbb13d..d1ba078163 100644
--- a/packages/@vue/cli/__tests__/Generator.spec.js
+++ b/packages/@vue/cli/__tests__/Generator.spec.js
@@ -22,8 +22,8 @@ new Vue({
   render: h => h(App)
 }).$mount('#app')
 `.trim())
-fs.writeFileSync(path.resolve(templateDir, 'empty-entry.js'), `;`)
-fs.writeFileSync(path.resolve(templateDir, 'main.ts'), `const a: string = 'hello';`)
+fs.writeFileSync(path.resolve(templateDir, 'empty-entry.js'), ';')
+fs.writeFileSync(path.resolve(templateDir, 'main.ts'), 'const a: string = \'hello\';')
 fs.writeFileSync(path.resolve(templateDir, 'hello.vue'), `
 <template>
   <p>Hello, {{ msg }}</p>
@@ -70,7 +70,7 @@ qux($1)
 
 // dotfile stubs
 fs.ensureDirSync(path.resolve(templateDir, '_vscode'))
-fs.writeFileSync(path.resolve(templateDir, '_vscode/config.json'), `{}`)
+fs.writeFileSync(path.resolve(templateDir, '_vscode/config.json'), '{}')
 fs.writeFileSync(path.resolve(templateDir, '_gitignore'), 'foo')
 
 beforeEach(() => {
@@ -150,24 +150,26 @@ test('api: extendPackage function', async () => {
 })
 
 test('api: extendPackage allow git, github, http, file version ranges', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: 'git+ssh://git@github.com:npm/npm.git#v1.0.27',
-            baz: 'git://github.com/npm/npm.git#v1.0.27',
-            bar: 'expressjs/express',
-            bad: 'mochajs/mocha#4727d357ea',
-            bac: 'http://asdf.com/asdf.tar.gz',
-            bae: 'file:../dyl',
-            'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:^1.0.0'
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: 'git+ssh://git@github.com:npm/npm.git#v1.0.27',
+              baz: 'git://github.com/npm/npm.git#v1.0.27',
+              bar: 'expressjs/express',
+              bad: 'mochajs/mocha#4727d357ea',
+              bac: 'http://asdf.com/asdf.tar.gz',
+              bae: 'file:../dyl',
+              'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:^1.0.0'
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -186,30 +188,32 @@ test('api: extendPackage allow git, github, http, file version ranges', async ()
 })
 
 test('api: extendPackage merge nonstrictly semver deps', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:1.0.0',
-            bar: 'expressjs/express'
-          }
-        })
-      }
-    },
-    {
-      id: 'test2',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:1.2.0',
-            bar: 'expressjs/express'
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:1.0.0',
+              bar: 'expressjs/express'
+            }
+          })
+        }
+      },
+      {
+        id: 'test2',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:1.2.0',
+              bar: 'expressjs/express'
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -223,30 +227,32 @@ test('api: extendPackage merge nonstrictly semver deps', async () => {
 })
 
 test('api: extendPackage merge dependencies', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: '^1.1.0',
-            bar: '^1.0.0'
-          }
-        })
-      }
-    },
-    {
-      id: 'test2',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: '^1.0.0',
-            baz: '^1.0.0'
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: '^1.1.0',
+              bar: '^1.0.0'
+            }
+          })
+        }
+      },
+      {
+        id: 'test2',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: '^1.0.0',
+              baz: '^1.0.0'
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -261,18 +267,20 @@ test('api: extendPackage merge dependencies', async () => {
 })
 
 test('api: warn invalid dep range', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: 'foo'
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: 'foo'
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -285,18 +293,20 @@ test('api: warn invalid dep range', async () => {
 })
 
 test('api: warn invalid dep range when non-string', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: null
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: null
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -309,28 +319,30 @@ test('api: warn invalid dep range when non-string', async () => {
 })
 
 test('api: extendPackage dependencies conflict', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: '^1.0.0'
-          }
-        })
-      }
-    },
-    {
-      id: 'test2',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: '^2.0.0'
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: '^1.0.0'
+            }
+          })
+        }
+      },
+      {
+        id: 'test2',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: '^2.0.0'
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -345,28 +357,30 @@ test('api: extendPackage dependencies conflict', async () => {
 })
 
 test('api: extendPackage merge warn nonstrictly semver deps', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test3',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            bar: 'expressjs/express'
-          }
-        })
-      }
-    },
-    {
-      id: 'test4',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            bar: 'expressjs/express#1234'
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test3',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              bar: 'expressjs/express'
+            }
+          })
+        }
+      },
+      {
+        id: 'test4',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              bar: 'expressjs/express#1234'
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -508,17 +522,19 @@ test('api: extendPackage + { warnIncompatibleVersions: false }', async () => {
 })
 
 test('api: render fs directory', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        api.render('./template', { m: 2 })
-      },
-      options: {
-        n: 1
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          api.render('./template', { m: 2 })
+        },
+        options: {
+          n: 1
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -533,39 +549,43 @@ test('api: render fs directory', async () => {
 
 // #4774
 test('api: call render inside an anonymous function', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        (() => {
-          api.render('./template', { m: 2 })
-        })()
-      },
-      options: {
-        n: 1
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          (() => {
+            api.render('./template', { m: 2 })
+          })()
+        },
+        options: {
+          n: 1
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/foo.js', 'utf-8')).toMatch('foo(1)')
 })
 
 test('api: render object', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        api.render({
-          'foo1.js': path.join(templateDir, 'foo.js'),
-          'bar/bar1.js': path.join(templateDir, 'bar/bar.js')
-        }, { m: 3 })
-      },
-      options: {
-        n: 2
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          api.render({
+            'foo1.js': path.join(templateDir, 'foo.js'),
+            'bar/bar1.js': path.join(templateDir, 'bar/bar.js')
+          }, { m: 3 })
+        },
+        options: {
+          n: 2
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -574,20 +594,22 @@ test('api: render object', async () => {
 })
 
 test('api: render middleware', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: (api, options) => {
-        api.render((files, render) => {
-          files['foo2.js'] = render('foo(<%- n %>)', options)
-          files['bar/bar2.js'] = render('bar(<%- n %>)', options)
-        })
-      },
-      options: {
-        n: 3
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: (api, options) => {
+          api.render((files, render) => {
+            files['foo2.js'] = render('foo(<%- n %>)', options)
+            files['bar/bar2.js'] = render('bar(<%- n %>)', options)
+          })
+        },
+        options: {
+          n: 3
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -597,26 +619,28 @@ test('api: render middleware', async () => {
 
 test('api: hasPlugin', () => {
   // eslint-disable-next-line no-new
-  new Generator('/', { plugins: [
-    {
-      id: 'foo',
-      apply: api => {
-        expect(api.hasPlugin('foo')).toBe(true)
-        expect(api.hasPlugin('bar')).toBe(true)
-        expect(api.hasPlugin('baz')).toBe(true)
-        expect(api.hasPlugin('vue-cli-plugin-bar')).toBe(true)
-        expect(api.hasPlugin('@vue/cli-plugin-baz')).toBe(true)
+  new Generator('/', {
+    plugins: [
+      {
+        id: 'foo',
+        apply: api => {
+          expect(api.hasPlugin('foo')).toBe(true)
+          expect(api.hasPlugin('bar')).toBe(true)
+          expect(api.hasPlugin('baz')).toBe(true)
+          expect(api.hasPlugin('vue-cli-plugin-bar')).toBe(true)
+          expect(api.hasPlugin('@vue/cli-plugin-baz')).toBe(true)
+        }
+      },
+      {
+        id: 'vue-cli-plugin-bar',
+        apply: () => {}
+      },
+      {
+        id: '@vue/cli-plugin-baz',
+        apply: () => {}
       }
-    },
-    {
-      id: 'vue-cli-plugin-bar',
-      apply: () => {}
-    },
-    {
-      id: '@vue/cli-plugin-baz',
-      apply: () => {}
-    }
-  ] })
+    ]
+  })
 })
 
 test('api: onCreateComplete', async () => {
@@ -661,29 +685,33 @@ test('api: afterInvoke', async () => {
 
 test('api: resolve', () => {
   // eslint-disable-next-line no-new
-  new Generator('/foo/bar', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        expect(api.resolve('baz')).toBe(path.resolve('/foo/bar', 'baz'))
+  new Generator('/foo/bar', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          expect(api.resolve('baz')).toBe(path.resolve('/foo/bar', 'baz'))
+        }
       }
-    }
-  ] })
+    ]
+  })
 })
 
 test('api: addEntryImport & addEntryInjection', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectImports('main.js', `import bar from 'bar'`)
-        api.injectRootOptions('main.js', ['foo', 'bar'])
-        api.render({
-          'main.js': path.join(templateDir, 'entry.js')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectImports('main.js', 'import bar from \'bar\'')
+          api.injectRootOptions('main.js', ['foo', 'bar'])
+          api.render({
+            'main.js': path.join(templateDir, 'entry.js')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/import foo from 'foo'\r?\nimport bar from 'bar'/)
@@ -691,69 +719,77 @@ test('api: addEntryImport & addEntryInjection', async () => {
 })
 
 test('api: injectImports to empty file', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectImports('main.js', `import foo from 'foo'`)
-        api.injectImports('main.js', `import bar from 'bar'`)
-        api.render({
-          'main.js': path.join(templateDir, 'empty-entry.js')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectImports('main.js', 'import foo from \'foo\'')
+          api.injectImports('main.js', 'import bar from \'bar\'')
+          api.render({
+            'main.js': path.join(templateDir, 'empty-entry.js')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/import foo from 'foo'\r?\nimport bar from 'bar'/)
 })
 
 test('api: injectImports to typescript file', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectImports('main.ts', `import foo from 'foo'`)
-        api.render({
-          'main.ts': path.join(templateDir, 'main.ts')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectImports('main.ts', 'import foo from \'foo\'')
+          api.render({
+            'main.ts': path.join(templateDir, 'main.ts')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.ts', 'utf-8')).toMatch(/import foo from 'foo'/)
 })
 
 test('api: addEntryDuplicateImport', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectImports('main.js', `import foo from 'foo'`)
-        api.render({
-          'main.js': path.join(templateDir, 'entry.js')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectImports('main.js', 'import foo from \'foo\'')
+          api.render({
+            'main.js': path.join(templateDir, 'entry.js')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/^import foo from 'foo'\s+new Vue/)
 })
 
 test('api: injectImport for .vue files', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectImports('hello.vue', `import foo from 'foo'`)
-        api.render({
-          'hello.vue': path.join(templateDir, 'hello.vue')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectImports('hello.vue', 'import foo from \'foo\'')
+          api.render({
+            'hello.vue': path.join(templateDir, 'hello.vue')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   const content = fs.readFileSync('/hello.vue', 'utf-8')
@@ -762,34 +798,38 @@ test('api: injectImport for .vue files', async () => {
 })
 
 test('api: addEntryDuplicateInjection', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectRootOptions('main.js', 'baz')
-        api.render({
-          'main.js': path.join(templateDir, 'entry.js')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectRootOptions('main.js', 'baz')
+          api.render({
+            'main.js': path.join(templateDir, 'entry.js')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/{\s+p: p\(\),\s+baz,\s+render/)
 })
 
 test('api: addEntryDuplicateNonIdentifierInjection', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectRootOptions('main.js', 'p: p()')
-        api.render({
-          'main.js': path.join(templateDir, 'entry.js')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectRootOptions('main.js', 'p: p()')
+          api.render({
+            'main.js': path.join(templateDir, 'entry.js')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/{\s+p: p\(\),\s+baz,\s+render/)
@@ -802,19 +842,21 @@ test('api: addConfigTransform', async () => {
     }
   }
 
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.addConfigTransform('fooConfig', {
-          file: {
-            json: ['foo.config.json']
-          }
-        })
-        api.extendPackage(configs)
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.addConfigTransform('fooConfig', {
+            file: {
+              json: ['foo.config.json']
+            }
+          })
+          api.extendPackage(configs)
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate({
     extractConfigFiles: true
@@ -832,20 +874,22 @@ test('api: addConfigTransform (multiple)', async () => {
     }
   }
 
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.addConfigTransform('bazConfig', {
-          file: {
-            js: ['.bazrc.js'],
-            json: ['.bazrc', 'baz.config.json']
-          }
-        })
-        api.extendPackage(configs)
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.addConfigTransform('bazConfig', {
+            file: {
+              js: ['.bazrc.js'],
+              json: ['.bazrc', 'baz.config.json']
+            }
+          })
+          api.extendPackage(configs)
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate({
     extractConfigFiles: true
@@ -863,25 +907,27 @@ test('api: addConfigTransform transform vue warn', async () => {
     }
   }
 
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.addConfigTransform('vue', {
-          file: {
-            js: ['vue.config.js']
-          }
-        })
-        api.extendPackage(configs)
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.addConfigTransform('vue', {
+            file: {
+              js: ['vue.config.js']
+            }
+          })
+          api.extendPackage(configs)
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate({
     extractConfigFiles: true
   })
 
-  expect(fs.readFileSync('/vue.config.js', 'utf-8')).toMatch(`module.exports = {\n  lintOnSave: 'default'\n}`)
+  expect(fs.readFileSync('/vue.config.js', 'utf-8')).toMatch('module.exports = {\n  lintOnSave: \'default\'\n}')
   expect(logs.warn.some(([msg]) => {
     return msg.match(/Reserved config transform 'vue'/)
   })).toBe(true)
@@ -910,14 +956,16 @@ test('extract config files', async () => {
     ]
   }
 
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.extendPackage(configs)
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.extendPackage(configs)
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate({
     extractConfigFiles: true
@@ -935,16 +983,18 @@ test('extract config files', async () => {
 test('generate a JS-Only value from a string', async () => {
   const jsAsString = 'true ? "alice" : "bob"'
 
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.extendPackage({
-          testScript: api.makeJSOnlyValue(jsAsString)
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.extendPackage({
+            testScript: api.makeJSOnlyValue(jsAsString)
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate({})
 
@@ -968,18 +1018,20 @@ test('run a codemod on the entry file', async () => {
         .toSource()
   }
 
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.render({
-          'main.js': path.join(templateDir, 'entry.js')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.render({
+            'main.js': path.join(templateDir, 'entry.js')
+          })
 
-        api.transformScript('main.js', codemod)
+          api.transformScript('main.js', codemod)
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/new TestVue/)
diff --git a/packages/@vue/cli/__tests__/invoke.spec.js b/packages/@vue/cli/__tests__/invoke.spec.js
index 6aceee2ba3..b86af04422 100644
--- a/packages/@vue/cli/__tests__/invoke.spec.js
+++ b/packages/@vue/cli/__tests__/invoke.spec.js
@@ -51,22 +51,22 @@ async function assertUpdates (project) {
 }
 
 test('invoke with inline options', async () => {
-  const project = await createAndInstall(`invoke-inline`)
+  const project = await createAndInstall('invoke-inline')
   await project.run(`${require.resolve('../bin/vue')} invoke eslint --config airbnb --lintOn save,commit`)
   await assertUpdates(project)
 })
 
 test('invoke with prompts', async () => {
-  const project = await createAndInstall(`invoke-prompts`)
+  const project = await createAndInstall('invoke-prompts')
   expectPrompts([
     {
-      message: `Pick an ESLint config`,
-      choices: [`Error prevention only`, `Airbnb`, `Standard`, `Prettier`],
+      message: 'Pick an ESLint config',
+      choices: ['Error prevention only', 'Airbnb', 'Standard', 'Prettier'],
       choose: 1
     },
     {
-      message: `Pick additional lint features`,
-      choices: [`on save`, 'on commit'],
+      message: 'Pick additional lint features',
+      choices: ['on save', 'on commit'],
       check: [0, 1]
     }
   ])
@@ -77,7 +77,7 @@ test('invoke with prompts', async () => {
   // chdir, and let @babel/eslint-parser find the babel.config.js in our test project
   process.chdir(project.dir)
 
-  await invoke(`eslint`, {}, project.dir)
+  await invoke('eslint', {}, project.dir)
   await assertUpdates(project)
 
   // restore
@@ -85,7 +85,7 @@ test('invoke with prompts', async () => {
 })
 
 test('invoke with ts', async () => {
-  const project = await create(`invoke-existing`, {
+  const project = await create('invoke-existing', {
     useConfigFiles: true,
     plugins: {
       '@vue/cli-plugin-babel': {},
@@ -98,7 +98,7 @@ test('invoke with ts', async () => {
   await project.write('package.json', JSON.stringify(pkg, null, 2))
 
   // mock existing vue.config.js
-  await project.write('vue.config.js', `module.exports = { lintOnSave: 'default' }`)
+  await project.write('vue.config.js', 'module.exports = { lintOnSave: \'default\' }')
 
   const eslintrc = parseJS(await project.read('.eslintrc.js'))
   expect(eslintrc).toEqual(Object.assign({}, baseESLintConfig, {
@@ -117,7 +117,7 @@ test('invoke with ts', async () => {
 })
 
 test('invoke with existing files (yaml)', async () => {
-  const project = await create(`invoke-existing-yaml`, {
+  const project = await create('invoke-existing-yaml', {
     useConfigFiles: true,
     plugins: {
       '@vue/cli-plugin-babel': {},
@@ -130,8 +130,8 @@ test('invoke with existing files (yaml)', async () => {
     extends: ['plugin:vue/essential', 'eslint:recommended']
   }))
 
-  await project.rm(`.eslintrc.js`)
-  await project.write(`.eslintrc.yml`, `
+  await project.rm('.eslintrc.js')
+  await project.write('.eslintrc.yml', `
 root: true
 extends:
   - 'plugin:vue/essential'
@@ -150,7 +150,7 @@ extends:
 })
 
 test('invoking a plugin that renames files', async () => {
-  const project = await create(`invoke-rename`, { plugins: {} })
+  const project = await create('invoke-rename', { plugins: {} })
   const pkg = JSON.parse(await project.read('package.json'))
   pkg.devDependencies['@vue/cli-plugin-typescript'] = '*'
   await project.write('package.json', JSON.stringify(pkg, null, 2))
@@ -168,11 +168,11 @@ test('should prompt if invoking in a git repository with uncommitted changes', a
   await project.write('some-random-file', '')
   expectPrompts([
     {
-      message: `Still proceed?`,
+      message: 'Still proceed?',
       confirm: true
     }
   ])
-  await invoke(`babel`, {}, project.dir)
+  await invoke('babel', {}, project.dir)
 })
 
 test.todo('invoke: should respect plugin resolveFrom')
diff --git a/packages/@vue/cli/bin/vue.js b/packages/@vue/cli/bin/vue.js
index 668ebed5b8..1ae985e789 100755
--- a/packages/@vue/cli/bin/vue.js
+++ b/packages/@vue/cli/bin/vue.js
@@ -122,8 +122,8 @@ program
   .option('-H, --host <host>', 'Host used for the UI server (default: localhost)')
   .option('-p, --port <port>', 'Port used for the UI server (by default search for available port)')
   .option('-D, --dev', 'Run in dev mode')
-  .option('--quiet', `Don't output starting messages`)
-  .option('--headless', `Don't open browser on start and output port`)
+  .option('--quiet', 'Don\'t output starting messages')
+  .option('--headless', 'Don\'t open browser on start and output port')
   .action((cmd) => {
     checkNodeVersion('>=8.6', 'vue ui')
     require('../lib/ui')(cleanArgs(cmd))
@@ -205,7 +205,7 @@ program
   .arguments('<command>')
   .action((cmd) => {
     program.outputHelp()
-    console.log(`  ` + chalk.red(`Unknown command ${chalk.yellow(cmd)}.`))
+    console.log('  ' + chalk.red(`Unknown command ${chalk.yellow(cmd)}.`))
     console.log()
     suggestCommands(cmd)
     process.exitCode = 1
@@ -214,7 +214,7 @@ program
 // add some useful info on help
 program.on('--help', () => {
   console.log()
-  console.log(`  Run ${chalk.cyan(`vue <command> --help`)} for detailed usage of given command.`)
+  console.log(`  Run ${chalk.cyan('vue <command> --help')} for detailed usage of given command.`)
   console.log()
 })
 
@@ -233,7 +233,7 @@ enhanceErrorMessages('unknownOption', optionName => {
 
 enhanceErrorMessages('optionMissingArgument', (option, flag) => {
   return `Missing required argument for option ${chalk.yellow(option.flags)}` + (
-    flag ? `, got ${chalk.yellow(flag)}` : ``
+    flag ? `, got ${chalk.yellow(flag)}` : ''
   )
 })
 
@@ -256,7 +256,7 @@ function suggestCommands (unknownCommand) {
   })
 
   if (suggestion) {
-    console.log(`  ` + chalk.red(`Did you mean ${chalk.yellow(suggestion)}?`))
+    console.log('  ' + chalk.red(`Did you mean ${chalk.yellow(suggestion)}?`))
   }
 }
 
diff --git a/packages/@vue/cli/lib/Creator.js b/packages/@vue/cli/lib/Creator.js
index c2d97cb261..b08788cd19 100644
--- a/packages/@vue/cli/lib/Creator.js
+++ b/packages/@vue/cli/lib/Creator.js
@@ -160,7 +160,7 @@ module.exports = class Creator extends EventEmitter {
 
       if (!version) {
         if (isOfficialPlugin(dep) || dep === '@vue/cli-service' || dep === '@vue/babel-preset-env') {
-          version = isTestOrDebug ? `latest` : `~${latestMinor}`
+          version = isTestOrDebug ? 'latest' : `~${latestMinor}`
         } else {
           version = 'latest'
         }
@@ -189,13 +189,13 @@ module.exports = class Creator extends EventEmitter {
     // so that vue-cli-service can setup git hooks.
     const shouldInitGit = this.shouldInitGit(cliOptions)
     if (shouldInitGit) {
-      log(`🗃  Initializing git repository...`)
+      log('🗃  Initializing git repository...')
       this.emit('creation', { event: 'git-init' })
       await run('git init')
     }
 
     // install plugins
-    log(`⚙\u{fe0f}  Installing CLI plugins. This might take a while...`)
+    log('⚙\u{fe0f}  Installing CLI plugins. This might take a while...')
     log()
     this.emit('creation', { event: 'plugins-install' })
 
@@ -207,7 +207,7 @@ module.exports = class Creator extends EventEmitter {
     }
 
     // run generator
-    log(`🚀  Invoking generators...`)
+    log('🚀  Invoking generators...')
     this.emit('creation', { event: 'invoking-generators' })
     const plugins = await this.resolvePlugins(preset.plugins, pkg)
     const generator = new Generator(context, {
@@ -221,7 +221,7 @@ module.exports = class Creator extends EventEmitter {
     })
 
     // install additional deps (injected by generators)
-    log(`📦  Installing additional dependencies...`)
+    log('📦  Installing additional dependencies...')
     this.emit('creation', { event: 'deps-install' })
     log()
     if (!isTestOrDebug || process.env.VUE_CLI_TEST_DO_INSTALL_PLUGIN) {
@@ -229,7 +229,7 @@ module.exports = class Creator extends EventEmitter {
     }
 
     // run complete cbs if any (injected by generators)
-    log(`⚓  Running completion hooks...`)
+    log('⚓  Running completion hooks...')
     this.emit('creation', { event: 'completion-hooks' })
     for (const cb of afterInvokeCbs) {
       await cb()
@@ -269,8 +269,8 @@ module.exports = class Creator extends EventEmitter {
     log(`🎉  Successfully created project ${chalk.yellow(name)}.`)
     if (!cliOptions.skipGetStarted) {
       log(
-        `👉  Get started with the following commands:\n\n` +
-        (this.context === process.cwd() ? `` : chalk.cyan(` ${chalk.gray('$')} cd ${name}\n`)) +
+        '👉  Get started with the following commands:\n\n' +
+        (this.context === process.cwd() ? '' : chalk.cyan(` ${chalk.gray('$')} cd ${name}\n`)) +
         chalk.cyan(` ${chalk.gray('$')} ${packageManager === 'yarn' ? 'yarn serve' : packageManager === 'pnpm' ? 'pnpm run serve' : 'npm run serve'}`)
       )
     }
@@ -279,8 +279,8 @@ module.exports = class Creator extends EventEmitter {
 
     if (gitCommitFailed) {
       warn(
-        `Skipped git commit due to missing username and email in git config, or failed to sign commit.\n` +
-        `You will need to perform the initial commit yourself.\n`
+        'Skipped git commit due to missing username and email in git config, or failed to sign commit.\n' +
+        'You will need to perform the initial commit yourself.\n'
       )
     }
 
@@ -357,10 +357,10 @@ module.exports = class Creator extends EventEmitter {
       const presets = Object.keys(savedPresets)
       if (presets.length) {
         log()
-        log(`available presets:\n${presets.join(`\n`)}`)
+        log(`available presets:\n${presets.join('\n')}`)
       } else {
-        log(`you don't seem to have any saved preset.`)
-        log(`run vue-cli in manual mode to create a preset.`)
+        log('you don\'t seem to have any saved preset.')
+        log('run vue-cli in manual mode to create a preset.')
       }
       exit(1)
     }
@@ -390,7 +390,7 @@ module.exports = class Creator extends EventEmitter {
           }
 
           log()
-          log(`${chalk.cyan(options._isPreset ? `Preset options:` : id)}`)
+          log(`${chalk.cyan(options._isPreset ? 'Preset options:' : id)}`)
           options = await prompt(pluginPrompts)
         }
       }
@@ -423,7 +423,7 @@ module.exports = class Creator extends EventEmitter {
     const presetPrompt = {
       name: 'preset',
       type: 'list',
-      message: `Please pick a preset:`,
+      message: 'Please pick a preset:',
       choices: [
         ...presetChoices,
         {
diff --git a/packages/@vue/cli/lib/GeneratorAPI.js b/packages/@vue/cli/lib/GeneratorAPI.js
index 99abb1547b..58f9a3542b 100644
--- a/packages/@vue/cli/lib/GeneratorAPI.js
+++ b/packages/@vue/cli/lib/GeneratorAPI.js
@@ -47,7 +47,7 @@ class GeneratorAPI {
 
     /* eslint-disable no-shadow */
     this.pluginsData = generator.plugins
-      .filter(({ id }) => id !== `@vue/cli-service`)
+      .filter(({ id }) => id !== '@vue/cli-service')
       .map(({ id }) => ({
         name: toShortPluginId(id),
         link: getPluginLink(id)
@@ -492,13 +492,13 @@ function renderFile (name, data, ejsOptions) {
   const yaml = require('yaml-front-matter')
   const parsed = yaml.loadFront(template)
   const content = parsed.__content
-  let finalTemplate = content.trim() + `\n`
+  let finalTemplate = content.trim() + '\n'
 
   if (parsed.when) {
     finalTemplate = (
       `<%_ if (${parsed.when}) { _%>` +
         finalTemplate +
-      `<%_ } _%>`
+      '<%_ } _%>'
     )
 
     // use ejs.render to test the conditional expression
diff --git a/packages/@vue/cli/lib/Upgrader.js b/packages/@vue/cli/lib/Upgrader.js
index 5006556eaf..efa5f7a33d 100644
--- a/packages/@vue/cli/lib/Upgrader.js
+++ b/packages/@vue/cli/lib/Upgrader.js
@@ -157,7 +157,7 @@ module.exports = class Upgrader {
         const wanted = await this.pm.getRemoteVersion(name, range)
 
         if (!installed) {
-          throw new Error(`At least one dependency can't be found. Please install the dependencies before trying to upgrade`)
+          throw new Error('At least one dependency can\'t be found. Please install the dependencies before trying to upgrade')
         }
 
         let latest = await this.pm.getRemoteVersion(name)
diff --git a/packages/@vue/cli/lib/add.js b/packages/@vue/cli/lib/add.js
index d0dd93f917..8df2757409 100644
--- a/packages/@vue/cli/lib/add.js
+++ b/packages/@vue/cli/lib/add.js
@@ -82,7 +82,7 @@ async function addRouter (context) {
   const options = await inquirer.prompt([{
     name: 'routerHistoryMode',
     type: 'confirm',
-    message: `Use history mode for router? ${chalk.yellow(`(Requires proper server setup for index fallback in production)`)}`
+    message: `Use history mode for router? ${chalk.yellow('(Requires proper server setup for index fallback in production)')}`
   }])
   invoke.runGenerator(context, {
     id: 'core:router',
diff --git a/packages/@vue/cli/lib/create.js b/packages/@vue/cli/lib/create.js
index 1cbabdce32..8d03388714 100644
--- a/packages/@vue/cli/lib/create.js
+++ b/packages/@vue/cli/lib/create.js
@@ -39,7 +39,7 @@ async function create (projectName, options) {
           {
             name: 'ok',
             type: 'confirm',
-            message: `Generate project in current directory?`
+            message: 'Generate project in current directory?'
           }
         ])
         if (!ok) {
diff --git a/packages/@vue/cli/lib/inspect.js b/packages/@vue/cli/lib/inspect.js
index 05fd2c4c9c..931a1ccc82 100644
--- a/packages/@vue/cli/lib/inspect.js
+++ b/packages/@vue/cli/lib/inspect.js
@@ -11,9 +11,9 @@ module.exports = function inspect (paths, args) {
   } catch (e) {
     const { error } = require('@vue/cli-shared-utils')
     error(
-      `Failed to locate @vue/cli-service.\n` +
-      `Note that \`vue inspect\` is an alias of \`vue-cli-service inspect\`\n` +
-      `and can only be used in a project where @vue/cli-service is locally installed.`
+      'Failed to locate @vue/cli-service.\n' +
+      'Note that `vue inspect` is an alias of `vue-cli-service inspect`\n' +
+      'and can only be used in a project where @vue/cli-service is locally installed.'
     )
     process.exit(1)
   }
diff --git a/packages/@vue/cli/lib/invoke.js b/packages/@vue/cli/lib/invoke.js
index ad82e7df26..58057b324b 100644
--- a/packages/@vue/cli/lib/invoke.js
+++ b/packages/@vue/cli/lib/invoke.js
@@ -46,7 +46,7 @@ async function invoke (pluginName, options = {}, context = process.cwd()) {
   if (!id) {
     throw new Error(
       `Cannot resolve plugin ${chalk.yellow(pluginName)} from package.json. ` +
-        `Did you forget to install it?`
+        'Did you forget to install it?'
     )
   }
 
@@ -120,14 +120,14 @@ async function runGenerator (context, plugin, pkg = getPkg(context)) {
     JSON.stringify(newDevDeps) !== JSON.stringify(pkg.devDependencies)
 
   if (!isTestOrDebug && depsChanged) {
-    log(`📦  Installing additional dependencies...`)
+    log('📦  Installing additional dependencies...')
     log()
     const pm = new PackageManager({ context })
     await pm.install()
   }
 
   if (afterInvokeCbs.length || afterAnyInvokeCbs.length) {
-    logWithSpinner('⚓', `Running completion hooks...`)
+    logWithSpinner('⚓', 'Running completion hooks...')
     for (const cb of afterInvokeCbs) {
       await cb()
     }
@@ -141,7 +141,7 @@ async function runGenerator (context, plugin, pkg = getPkg(context)) {
   log(`${chalk.green('✔')}  Successfully invoked generator for plugin: ${chalk.cyan(plugin.id)}`)
   const changedFiles = getChangedFiles(context)
   if (changedFiles.length) {
-    log(`   The following files have been updated / added:\n`)
+    log('   The following files have been updated / added:\n')
     log(chalk.red(changedFiles.map(line => `     ${line}`).join('\n')))
     log()
     log(
diff --git a/packages/@vue/cli/lib/migrate.js b/packages/@vue/cli/lib/migrate.js
index 68475cb733..b792f0a651 100644
--- a/packages/@vue/cli/lib/migrate.js
+++ b/packages/@vue/cli/lib/migrate.js
@@ -40,7 +40,7 @@ async function runMigrator (context, plugin, pkg = getPkg(context)) {
     JSON.stringify(newDeps) !== JSON.stringify(pkg.dependencies) ||
     JSON.stringify(newDevDeps) !== JSON.stringify(pkg.devDependencies)
   if (!isTestOrDebug && depsChanged) {
-    log(`📦  Installing additional dependencies...`)
+    log('📦  Installing additional dependencies...')
     log()
 
     const pm = new PackageManager({ context })
@@ -48,7 +48,7 @@ async function runMigrator (context, plugin, pkg = getPkg(context)) {
   }
 
   if (afterInvokeCbs.length) {
-    logWithSpinner('⚓', `Running completion hooks...`)
+    logWithSpinner('⚓', 'Running completion hooks...')
     for (const cb of afterInvokeCbs) {
       await cb()
     }
@@ -64,7 +64,7 @@ async function runMigrator (context, plugin, pkg = getPkg(context)) {
 
   const changedFiles = getChangedFiles(context)
   if (changedFiles.length) {
-    log(`   The following files have been updated / added:\n`)
+    log('   The following files have been updated / added:\n')
     log(chalk.red(changedFiles.map(line => `     ${line}`).join('\n')))
     log()
     log(
@@ -81,7 +81,7 @@ async function runMigrator (context, plugin, pkg = getPkg(context)) {
 async function migrate (pluginId, { from }, context = process.cwd()) {
   // TODO: remove this after upgrading to commander 4.x
   if (!from) {
-    throw new Error(`Required option 'from' not specified`)
+    throw new Error('Required option \'from\' not specified')
   }
 
   const pluginName = resolvePluginId(pluginId)
diff --git a/packages/@vue/cli/lib/options.js b/packages/@vue/cli/lib/options.js
index 22865e1ea4..045f535c37 100644
--- a/packages/@vue/cli/lib/options.js
+++ b/packages/@vue/cli/lib/options.js
@@ -80,8 +80,8 @@ exports.defaults = {
   packageManager: undefined,
   useTaobaoRegistry: undefined,
   presets: {
-    'default': Object.assign({ vueVersion: '2' }, exports.defaultPreset),
-    '__default_vue_3__': Object.assign({ vueVersion: '3' }, exports.defaultPreset)
+    default: Object.assign({ vueVersion: '2' }, exports.defaultPreset),
+    __default_vue_3__: Object.assign({ vueVersion: '3' }, exports.defaultPreset)
   }
 }
 
@@ -96,17 +96,17 @@ exports.loadOptions = () => {
       cachedOptions = JSON.parse(fs.readFileSync(rcPath, 'utf-8'))
     } catch (e) {
       error(
-        `Error loading saved preferences: ` +
-        `~/.vuerc may be corrupted or have syntax errors. ` +
-        `Please fix/delete it and re-run vue-cli in manual mode.\n` +
+        'Error loading saved preferences: ' +
+        '~/.vuerc may be corrupted or have syntax errors. ' +
+        'Please fix/delete it and re-run vue-cli in manual mode.\n' +
         `(${e.message})`
       )
       exit(1)
     }
     validate(cachedOptions, schema, () => {
       error(
-        `~/.vuerc may be outdated. ` +
-        `Please delete it and re-run vue-cli in manual mode.`
+        '~/.vuerc may be outdated. ' +
+        'Please delete it and re-run vue-cli in manual mode.'
       )
     })
     return cachedOptions
@@ -128,7 +128,7 @@ exports.saveOptions = toSave => {
     return true
   } catch (e) {
     error(
-      `Error saving preferences: ` +
+      'Error saving preferences: ' +
       `make sure you have write access to ${rcPath}.\n` +
       `(${e.message})`
     )
diff --git a/packages/@vue/cli/lib/promptModules/e2e.js b/packages/@vue/cli/lib/promptModules/e2e.js
index 8c4a6115cb..6e25e1d390 100644
--- a/packages/@vue/cli/lib/promptModules/e2e.js
+++ b/packages/@vue/cli/lib/promptModules/e2e.js
@@ -37,11 +37,11 @@ module.exports = cli => {
   cli.injectPrompt({
     name: 'webdrivers',
     when: answers => ['nightwatch', 'webdriverio'].includes(answers.e2e),
-    type: `checkbox`,
-    message: `Pick browsers to run end-to-end test on`,
+    type: 'checkbox',
+    message: 'Pick browsers to run end-to-end test on',
     choices: [
       {
-        name: `Chrome`,
+        name: 'Chrome',
         value: 'chrome',
         checked: true
       },
diff --git a/packages/@vue/cli/lib/promptModules/router.js b/packages/@vue/cli/lib/promptModules/router.js
index 1dd84ebcc7..fb7387bf8f 100644
--- a/packages/@vue/cli/lib/promptModules/router.js
+++ b/packages/@vue/cli/lib/promptModules/router.js
@@ -12,8 +12,8 @@ module.exports = cli => {
     name: 'historyMode',
     when: answers => answers.features.includes('router'),
     type: 'confirm',
-    message: `Use history mode for router? ${chalk.yellow(`(Requires proper server setup for index fallback in production)`)}`,
-    description: `By using the HTML5 History API, the URLs don't need the '#' character anymore.`,
+    message: `Use history mode for router? ${chalk.yellow('(Requires proper server setup for index fallback in production)')}`,
+    description: 'By using the HTML5 History API, the URLs don\'t need the \'#\' character anymore.',
     link: 'https://router.vuejs.org/guide/essentials/history-mode.html'
   })
 
diff --git a/packages/@vue/cli/lib/ui.js b/packages/@vue/cli/lib/ui.js
index bb90a98002..3affe53830 100644
--- a/packages/@vue/cli/lib/ui.js
+++ b/packages/@vue/cli/lib/ui.js
@@ -39,7 +39,7 @@ async function ui (options = {}, context = process.cwd()) {
     process.env.VUE_CLI_IPC = `vue-cli-${shortid()}`
   }
 
-  if (!options.quiet) log(`🚀  Starting GUI...`)
+  if (!options.quiet) log('🚀  Starting GUI...')
 
   const opts = {
     host,
diff --git a/packages/@vue/cli/lib/util/__tests__/extendJSConfig.spec.js b/packages/@vue/cli/lib/util/__tests__/extendJSConfig.spec.js
index 11957b6605..608c5a0647 100644
--- a/packages/@vue/cli/lib/util/__tests__/extendJSConfig.spec.js
+++ b/packages/@vue/cli/lib/util/__tests__/extendJSConfig.spec.js
@@ -4,7 +4,7 @@ function extend (value, source) {
   return _extend(value, source).replace(/\r\n/g, '\n')
 }
 
-test(`basic`, () => {
+test('basic', () => {
   const value = {
     foo: true,
     css: {
@@ -28,7 +28,7 @@ test(`basic`, () => {
   )
 })
 
-test(`adding new property`, () => {
+test('adding new property', () => {
   const value = {
     foo: true
   }
@@ -44,7 +44,7 @@ test(`adding new property`, () => {
   )
 })
 
-test(`non direct assignment`, () => {
+test('non direct assignment', () => {
   const value = {
     foo: true
   }
@@ -62,7 +62,7 @@ module.exports = config`
   )
 })
 
-test(`with extra assignment expression`, () => {
+test('with extra assignment expression', () => {
   const value = {
     foo: true
   }
@@ -80,7 +80,7 @@ module.exports = {
   )
 })
 
-test(`add a new undefined property`, () => {
+test('add a new undefined property', () => {
   const value = {
     foo: undefined
   }
@@ -91,7 +91,7 @@ test(`add a new undefined property`, () => {
   expect(extend(value, source)).toMatch(source)
 })
 
-test(`change an existing property to undefined`, () => {
+test('change an existing property to undefined', () => {
   const value = {
     foo: undefined
   }
diff --git a/packages/@vue/cli/lib/util/confirmIfGitDirty.js b/packages/@vue/cli/lib/util/confirmIfGitDirty.js
index 5caf2b1a40..d067d38868 100644
--- a/packages/@vue/cli/lib/util/confirmIfGitDirty.js
+++ b/packages/@vue/cli/lib/util/confirmIfGitDirty.js
@@ -21,7 +21,7 @@ module.exports = async function confirmIfGitDirty (context) {
     return true
   }
 
-  warn(`There are uncommitted changes in the current repository, it's recommended to commit or stash them first.`)
+  warn('There are uncommitted changes in the current repository, it\'s recommended to commit or stash them first.')
   const { ok } = await inquirer.prompt([
     {
       name: 'ok',
diff --git a/packages/@vue/cli/lib/util/enhanceErrorMessages.js b/packages/@vue/cli/lib/util/enhanceErrorMessages.js
index 2f380c04a4..4de32867fb 100644
--- a/packages/@vue/cli/lib/util/enhanceErrorMessages.js
+++ b/packages/@vue/cli/lib/util/enhanceErrorMessages.js
@@ -7,7 +7,7 @@ module.exports = (methodName, log) => {
       return
     }
     this.outputHelp()
-    console.log(`  ` + chalk.red(log(...args)))
+    console.log('  ' + chalk.red(log(...args)))
     console.log()
     process.exit(1)
   }
diff --git a/packages/@vue/cli/lib/util/executeCommand.js b/packages/@vue/cli/lib/util/executeCommand.js
index a0ad0ec205..5df040b169 100644
--- a/packages/@vue/cli/lib/util/executeCommand.js
+++ b/packages/@vue/cli/lib/util/executeCommand.js
@@ -47,16 +47,16 @@ function renderProgressBar (curr, total) {
   const availableSpace = Math.max(0, process.stderr.columns - bar.length - 3)
   const width = Math.min(total, availableSpace)
   const completeLength = Math.round(width * ratio)
-  const complete = `#`.repeat(completeLength)
-  const incomplete = `-`.repeat(width - completeLength)
+  const complete = '#'.repeat(completeLength)
+  const incomplete = '-'.repeat(width - completeLength)
   toStartOfLine(process.stderr)
   process.stderr.write(`[${complete}${incomplete}]${bar}`)
 }
 
 const progress = exports.progress = new InstallProgress()
 exports.executeCommand = function executeCommand (command, args, cwd) {
-  debug(`command: `, command)
-  debug(`args: `, args)
+  debug('command: ', command)
+  debug('args: ', args)
 
   return new Promise((resolve, reject) => {
     const apiMode = process.env.VUE_CLI_API_MODE
diff --git a/packages/@vue/cli/lib/util/getGlobalInstallCommand.js b/packages/@vue/cli/lib/util/getGlobalInstallCommand.js
index bd55b9c638..77cfb38d7a 100644
--- a/packages/@vue/cli/lib/util/getGlobalInstallCommand.js
+++ b/packages/@vue/cli/lib/util/getGlobalInstallCommand.js
@@ -11,12 +11,12 @@ module.exports = function getGlobalInstallCommand () {
   if (hasPnpm3OrLater()) {
     const { stdout: pnpmGlobalPrefix } = execa.sync('pnpm', ['config', 'get', 'prefix'])
     if (__dirname.includes(pnpmGlobalPrefix) && __dirname.includes('pnpm-global')) {
-      return `pnpm i -g`
+      return 'pnpm i -g'
     }
   }
 
   const { stdout: npmGlobalPrefix } = execa.sync('npm', ['config', 'get', 'prefix'])
   if (__dirname.includes(npmGlobalPrefix)) {
-    return `npm i -g`
+    return 'npm i -g'
   }
 }
diff --git a/packages/@vue/cli/lib/util/getVersions.js b/packages/@vue/cli/lib/util/getVersions.js
index d747dfd21c..49847187f9 100644
--- a/packages/@vue/cli/lib/util/getVersions.js
+++ b/packages/@vue/cli/lib/util/getVersions.js
@@ -11,7 +11,7 @@ module.exports = async function getVersions () {
   }
 
   let latest
-  const local = require(`../../package.json`).version
+  const local = require('../../package.json').version
   if (process.env.VUE_CLI_TEST || process.env.VUE_CLI_DEBUG) {
     return (sessionCached = {
       current: local,
diff --git a/packages/@vue/cli/lib/util/linkBin.js b/packages/@vue/cli/lib/util/linkBin.js
index b7232019e5..2a302fff77 100644
--- a/packages/@vue/cli/lib/util/linkBin.js
+++ b/packages/@vue/cli/lib/util/linkBin.js
@@ -7,7 +7,7 @@ const cmdShim = require('cmd-shim')
 
 exports.linkBin = async (src, dest) => {
   if (!process.env.VUE_CLI_TEST && !process.env.VUE_CLI_DEBUG) {
-    throw new Error(`linkBin should only be used during tests or debugging.`)
+    throw new Error('linkBin should only be used during tests or debugging.')
   }
   if (process.platform === 'win32' && !process.env.CI) {
     // not doing mutex lock because this is only used in dev and the
diff --git a/packages/@vue/cli/lib/util/mergeDeps.js b/packages/@vue/cli/lib/util/mergeDeps.js
index d437532cbd..3f4f4ada17 100644
--- a/packages/@vue/cli/lib/util/mergeDeps.js
+++ b/packages/@vue/cli/lib/util/mergeDeps.js
@@ -85,7 +85,7 @@ module.exports = function mergeDeps (
           `conflicting versions for project dependency "${depName}":\n\n` +
             `- ${sourceRange} injected by generator "${sourceGeneratorId}"\n` +
             `- ${injectingRange} injected by generator "${generatorId}"\n\n` +
-            `Using ${didGetNewer ? `newer ` : ``}version (${
+            `Using ${didGetNewer ? 'newer ' : ''}version (${
               result[depName]
             }), but this may cause build errors.`
         )

From 026420381c65ec0f230f4eb7bdbb3e541ad9133a Mon Sep 17 00:00:00 2001
From: Haoqun Jiang <haoqunjiang@gmail.com>
Date: Tue, 5 Jan 2021 19:29:58 +0800
Subject: [PATCH 3/4] Revert "style: enabling more rules from standard config"

This reverts commit ae689d97930a62ce903bd0f8e30b9201890a6951.
---
 .eslintrc.js                                  |   3 +
 .../__tests__/babel-preset.spec.js            |  14 +-
 .../__tests__/babelRuntime.spec.js            |   2 +-
 .../__tests__/transpileDependencies.spec.js   |  12 +-
 .../__tests__/cypressPlugin.spec.js           |  12 +-
 packages/@vue/cli-plugin-e2e-cypress/index.js |   6 +-
 .../__tests__/nightwatchPlugin.spec.js        |  14 +-
 .../@vue/cli-plugin-e2e-nightwatch/index.js   |   6 +-
 .../@vue/cli-plugin-e2e-nightwatch/prompts.js |   6 +-
 .../__tests__/wdioPlugin.spec.js              |  12 +-
 .../@vue/cli-plugin-e2e-webdriverio/index.js  |   6 +-
 .../cli-plugin-e2e-webdriverio/prompts.js     |   6 +-
 .../__tests__/eslintGenerator.spec.js         |   2 +-
 .../__tests__/eslintMigrator.spec.js          |   2 +-
 .../__tests__/eslintPlugin.spec.js            |   2 +-
 .../cli-plugin-eslint/__tests__/ui.spec.js    |   8 +-
 .../@vue/cli-plugin-eslint/eslintOptions.js   |   4 +-
 packages/@vue/cli-plugin-eslint/lint.js       |   4 +-
 packages/@vue/cli-plugin-eslint/prompts.js    |   2 +-
 .../__tests__/pwaGenerator.spec.js            |   4 +-
 .../__tests__/pwaPlugin.spec.js               |   8 +-
 .../@vue/cli-plugin-pwa/generator/index.js    |   2 +-
 .../@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js  |  28 +-
 .../@vue/cli-plugin-router/generator/index.js |   4 +-
 packages/@vue/cli-plugin-router/prompts.js    |   4 +-
 .../__tests__/tsGenerator.spec.js             |  10 +-
 .../__tests__/tsMochaPlugin.spec.js           |   2 +-
 .../__tests__/tsPlugin.helper.js              |   6 +-
 .../__tests__/tsPluginClassComponent.spec.js  |   2 +-
 .../__tests__/tsPluginE2e.spec.js             |   4 +-
 .../__tests__/tsPluginUnit.spec.js            |   4 +-
 packages/@vue/cli-plugin-typescript/index.js  |   2 +-
 .../@vue/cli-plugin-typescript/prompts.js     |  26 +-
 .../__tests__/jestGenerator.spec.js           |  20 +-
 .../__tests__/jestPlugin.spec.js              |  16 +-
 .../__tests__/jestPluginVue3.spec.js          |   2 +-
 .../cli-plugin-unit-jest/generator/index.js   |   2 +-
 packages/@vue/cli-plugin-unit-jest/index.js   |   4 +-
 .../__tests__/mochaGenerator.spec.js          |  24 +-
 .../__tests__/mochaPlugin.spec.js             |   2 +-
 .../__tests__/mochaPluginVue3.spec.js         |   4 +-
 .../cli-plugin-unit-mocha/generator/index.js  |   2 +-
 packages/@vue/cli-plugin-unit-mocha/index.js  |  10 +-
 .../@vue/cli-plugin-vuex/generator/index.js   |   4 +-
 .../@vue/cli-plugin-webpack-4/generator.js    |   2 +-
 .../cli-service/__tests__/Service.spec.js     |   8 +-
 .../cli-service/__tests__/buildLib.spec.js    |   4 +-
 .../cli-service/__tests__/buildWc.spec.js     |   4 +-
 .../__tests__/buildWcAsync.spec.js            |   2 +-
 .../@vue/cli-service/__tests__/css.spec.js    |   8 +-
 .../cli-service/__tests__/generator.spec.js   |   2 +-
 .../cli-service/__tests__/modernMode.spec.js  |   2 +-
 .../cli-service/__tests__/multiPage.spec.js   |  16 +-
 .../@vue/cli-service/__tests__/proxy.spec.js  |   8 +-
 .../@vue/cli-service/__tests__/serve.spec.js  |  30 +-
 .../cli-service/__tests__/serveVue3.spec.js   |   6 +-
 packages/@vue/cli-service/generator/index.js  |  12 +-
 packages/@vue/cli-service/lib/Service.js      |  18 +-
 .../lib/commands/build/formatStats.js         |  12 +-
 .../cli-service/lib/commands/build/index.js   |  38 +-
 .../lib/commands/build/resolveLibConfig.js    |   6 +-
 .../lib/commands/build/resolveWcConfig.js     |  12 +-
 .../lib/commands/build/resolveWcEntry.js      |   2 +-
 .../@vue/cli-service/lib/commands/help.js     |   8 +-
 .../@vue/cli-service/lib/commands/serve.js    |  48 +-
 packages/@vue/cli-service/lib/config/app.js   |  12 +-
 .../@vue/cli-service/lib/util/checkWebpack.js |   2 +-
 .../lib/util/resolveLoaderError.js            |   2 +-
 .../lib/util/validateWebpackConfig.js         |  16 +-
 .../cli-service/lib/webpack/CorsPlugin.js     |   2 +-
 .../lib/webpack/ModernModePlugin.js           |   6 +-
 packages/@vue/cli-shared-utils/lib/env.js     |   2 +-
 packages/@vue/cli-shared-utils/lib/launch.js  |   2 +-
 packages/@vue/cli-shared-utils/lib/module.js  |   2 +-
 .../cli-shared-utils/lib/pluginResolution.js  |   4 +-
 .../@vue/cli-test-utils/createJSONServer.js   |  10 +-
 packages/@vue/cli/__tests__/Generator.spec.js | 732 ++++++++----------
 packages/@vue/cli/__tests__/invoke.spec.js    |  30 +-
 packages/@vue/cli/bin/vue.js                  |  12 +-
 packages/@vue/cli/lib/Creator.js              |  30 +-
 packages/@vue/cli/lib/GeneratorAPI.js         |   6 +-
 packages/@vue/cli/lib/Upgrader.js             |   2 +-
 packages/@vue/cli/lib/add.js                  |   2 +-
 packages/@vue/cli/lib/create.js               |   2 +-
 packages/@vue/cli/lib/inspect.js              |   6 +-
 packages/@vue/cli/lib/invoke.js               |   8 +-
 packages/@vue/cli/lib/migrate.js              |   8 +-
 packages/@vue/cli/lib/options.js              |  16 +-
 packages/@vue/cli/lib/promptModules/e2e.js    |   6 +-
 packages/@vue/cli/lib/promptModules/router.js |   4 +-
 packages/@vue/cli/lib/ui.js                   |   2 +-
 .../lib/util/__tests__/extendJSConfig.spec.js |  12 +-
 .../@vue/cli/lib/util/confirmIfGitDirty.js    |   2 +-
 .../@vue/cli/lib/util/enhanceErrorMessages.js |   2 +-
 packages/@vue/cli/lib/util/executeCommand.js  |   8 +-
 .../cli/lib/util/getGlobalInstallCommand.js   |   4 +-
 packages/@vue/cli/lib/util/getVersions.js     |   2 +-
 packages/@vue/cli/lib/util/linkBin.js         |   2 +-
 packages/@vue/cli/lib/util/mergeDeps.js       |   2 +-
 99 files changed, 739 insertions(+), 788 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 5338980e00..d2ef595f38 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -9,6 +9,9 @@ module.exports = {
     indent: ['error', 2, {
       MemberExpression: 'off'
     }],
+    'object-curly-newline': 'off',
+    quotes: [2, 'single', { avoidEscape: true, allowTemplateLiterals: true }],
+    'quote-props': 'off',
     'no-shadow': ['error'],
     'node/no-extraneous-require': ['error', {
       allowModules: [
diff --git a/packages/@vue/babel-preset-app/__tests__/babel-preset.spec.js b/packages/@vue/babel-preset-app/__tests__/babel-preset.spec.js
index cc2987e109..d57f42b90d 100644
--- a/packages/@vue/babel-preset-app/__tests__/babel-preset.spec.js
+++ b/packages/@vue/babel-preset-app/__tests__/babel-preset.spec.js
@@ -102,12 +102,12 @@ test('object spread', () => {
     const a = { ...b }
   `.trim(), defaultOptions)
   // expect(code).toMatch(`import _objectSpread from`)
-  expect(code).toMatch('var a = _objectSpread({}, b)')
+  expect(code).toMatch(`var a = _objectSpread({}, b)`)
 })
 
 test('dynamic import', () => {
   expect(() => {
-    babel.transformSync('const Foo = () => import(\'./Foo.vue\')', defaultOptions)
+    babel.transformSync(`const Foo = () => import('./Foo.vue')`, defaultOptions)
   }).not.toThrow()
 })
 
@@ -120,7 +120,7 @@ test('async/await', () => {
   `.trim(), defaultOptions)
   expect(code).toMatch(getAbsolutePolyfill('es.promise'))
   // should use regenerator runtime
-  expect(code).toMatch('regenerator-runtime/runtime')
+  expect(code).toMatch(`regenerator-runtime/runtime`)
 })
 
 test('jsx', () => {
@@ -131,8 +131,8 @@ test('jsx', () => {
       }
     }
   `.trim(), defaultOptions)
-  expect(code).toMatch('var h = arguments[0]')
-  expect(code).toMatch('return h("div", ["bar"])')
+  expect(code).toMatch(`var h = arguments[0]`)
+  expect(code).toMatch(`return h("div", ["bar"])`)
 })
 
 test('jsx options', () => {
@@ -151,8 +151,8 @@ test('jsx options', () => {
     }]],
     filename: 'test-entry-file.js'
   })
-  expect(code).not.toMatch('var h = arguments[0]')
-  expect(code).toMatch('return h("div", ["bar"])')
+  expect(code).not.toMatch(`var h = arguments[0]`)
+  expect(code).toMatch(`return h("div", ["bar"])`)
 })
 
 test('disable absoluteRuntime', () => {
diff --git a/packages/@vue/cli-plugin-babel/__tests__/babelRuntime.spec.js b/packages/@vue/cli-plugin-babel/__tests__/babelRuntime.spec.js
index 9f2c8e4895..de56514f49 100644
--- a/packages/@vue/cli-plugin-babel/__tests__/babelRuntime.spec.js
+++ b/packages/@vue/cli-plugin-babel/__tests__/babelRuntime.spec.js
@@ -45,7 +45,7 @@ test('should not transpile babel helpers multiple times', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ helpers }) => {
-      const msg = 'Welcome to Your Vue.js App'
+      const msg = `Welcome to Your Vue.js App`
       expect(await helpers.getText('h1')).toMatch(msg)
     }
   )
diff --git a/packages/@vue/cli-plugin-babel/__tests__/transpileDependencies.spec.js b/packages/@vue/cli-plugin-babel/__tests__/transpileDependencies.spec.js
index 9696554a03..3f3dba1ba1 100644
--- a/packages/@vue/cli-plugin-babel/__tests__/transpileDependencies.spec.js
+++ b/packages/@vue/cli-plugin-babel/__tests__/transpileDependencies.spec.js
@@ -18,22 +18,22 @@ beforeAll(async () => {
 
   await project.write(
     'node_modules/external-dep/package.json',
-    '{ "name": "external-dep", "version": "1.0.0", "main": "index.js" }'
+    `{ "name": "external-dep", "version": "1.0.0", "main": "index.js" }`
   )
 
   await project.write(
     'node_modules/external-dep/index.js',
-    'const test = () => "__TEST__";\nexport default test'
+    `const test = () => "__TEST__";\nexport default test`
   )
 
   await project.write(
     'node_modules/@scope/external-dep/package.json',
-    '{ "name": "@scope/external-dep", "version": "1.0.0", "main": "index.js" }'
+    `{ "name": "@scope/external-dep", "version": "1.0.0", "main": "index.js" }`
   )
 
   await project.write(
     'node_modules/@scope/external-dep/index.js',
-    'const test = () => "__SCOPE_TEST__";\nexport default test'
+    `const test = () => "__SCOPE_TEST__";\nexport default test`
   )
 
   let $packageJson = await project.read('package.json')
@@ -76,7 +76,7 @@ test('dep from node_modules should not been transpiled', async () => {
 test('dep from node_modules should been transpiled', async () => {
   await project.write(
     'vue.config.js',
-    'module.exports = { transpileDependencies: [\'external-dep\', \'@scope/external-dep\'] }'
+    `module.exports = { transpileDependencies: ['external-dep', '@scope/external-dep'] }`
   )
   await project.run('vue-cli-service build')
   expect(await readVendorFile()).toMatch('return "__TEST__"')
@@ -88,7 +88,7 @@ test('dep from node_modules should been transpiled', async () => {
 test('only transpile package with same name specified in transpileDependencies', async () => {
   await project.write(
     'vue.config.js',
-    'module.exports = { transpileDependencies: [\'babel-transpile-deps\'] }'
+    `module.exports = { transpileDependencies: ['babel-transpile-deps'] }`
   )
   try {
     await project.run('vue-cli-service build')
diff --git a/packages/@vue/cli-plugin-e2e-cypress/__tests__/cypressPlugin.spec.js b/packages/@vue/cli-plugin-e2e-cypress/__tests__/cypressPlugin.spec.js
index f968611a09..d3c505cbdc 100644
--- a/packages/@vue/cli-plugin-e2e-cypress/__tests__/cypressPlugin.spec.js
+++ b/packages/@vue/cli-plugin-e2e-cypress/__tests__/cypressPlugin.spec.js
@@ -19,9 +19,9 @@ test('should work', async () => {
   await project.write('cypress.json', JSON.stringify(config))
 
   if (!process.env.CI) {
-    await project.run('vue-cli-service test:e2e')
+    await project.run(`vue-cli-service test:e2e`)
   } else if (!process.env.APPVEYOR) {
-    await project.run('vue-cli-service test:e2e --headless')
+    await project.run(`vue-cli-service test:e2e --headless`)
   }
 })
 
@@ -29,8 +29,8 @@ test('should work with TS', async () => {
   const project = await create('e2e-cypress-ts', {
     plugins: {
       '@vue/cli-plugin-typescript': {
-        classComponent: true,
-        lintOn: ['save']
+        'classComponent': true,
+        'lintOn': ['save']
       },
       '@vue/cli-plugin-e2e-cypress': {}
     }
@@ -41,8 +41,8 @@ test('should work with TS', async () => {
   await project.write('cypress.json', JSON.stringify(config))
 
   if (!process.env.CI) {
-    await project.run('vue-cli-service test:e2e')
+    await project.run(`vue-cli-service test:e2e`)
   } else if (!process.env.APPVEYOR) {
-    await project.run('vue-cli-service test:e2e --headless')
+    await project.run(`vue-cli-service test:e2e --headless`)
   }
 })
diff --git a/packages/@vue/cli-plugin-e2e-cypress/index.js b/packages/@vue/cli-plugin-e2e-cypress/index.js
index 45dc33aa6c..6b81b68de9 100644
--- a/packages/@vue/cli-plugin-e2e-cypress/index.js
+++ b/packages/@vue/cli-plugin-e2e-cypress/index.js
@@ -11,14 +11,14 @@ module.exports = (api, options) => {
       '-s, --spec': '(headless only) runs a specific spec file. defaults to "all"'
     },
     details:
-      'All Cypress CLI options are also supported:\n' +
-      chalk.yellow('https://docs.cypress.io/guides/guides/command-line.html#cypress-run')
+      `All Cypress CLI options are also supported:\n` +
+      chalk.yellow(`https://docs.cypress.io/guides/guides/command-line.html#cypress-run`)
   }, async (args, rawArgs) => {
     removeArg(rawArgs, 'mode')
     removeArg(rawArgs, 'url')
     removeArg(rawArgs, 'config')
 
-    info('Starting e2e tests...')
+    info(`Starting e2e tests...`)
 
     const { url, server } = args.url
       ? { url: args.url }
diff --git a/packages/@vue/cli-plugin-e2e-nightwatch/__tests__/nightwatchPlugin.spec.js b/packages/@vue/cli-plugin-e2e-nightwatch/__tests__/nightwatchPlugin.spec.js
index b8adf7ff08..a27daf6ac4 100644
--- a/packages/@vue/cli-plugin-e2e-nightwatch/__tests__/nightwatchPlugin.spec.js
+++ b/packages/@vue/cli-plugin-e2e-nightwatch/__tests__/nightwatchPlugin.spec.js
@@ -32,7 +32,7 @@ describe('nightwatch e2e plugin', () => {
   })
 
   test('should run all tests successfully', async () => {
-    await project.run('vue-cli-service test:e2e --headless')
+    await project.run(`vue-cli-service test:e2e --headless`)
     let results = await project.read('test_results.json')
     results = JSON.parse(results)
     expect(Object.keys(results.modules)).toEqual([
@@ -44,7 +44,7 @@ describe('nightwatch e2e plugin', () => {
   test('should accept the --url cli option', async () => {
     let server
     try {
-      await project.run('vue-cli-service build')
+      await project.run(`vue-cli-service build`)
       server = createServer({ root: path.join(project.dir, 'dist') })
       await new Promise((resolve, reject) => {
         server.listen(8080, err => {
@@ -52,7 +52,7 @@ describe('nightwatch e2e plugin', () => {
           resolve()
         })
       })
-      await project.run('vue-cli-service test:e2e --headless --url http://127.0.0.1:8080/')
+      await project.run(`vue-cli-service test:e2e --headless --url http://127.0.0.1:8080/`)
 
       let results = await project.read('test_results.json')
       results = JSON.parse(results)
@@ -66,7 +66,7 @@ describe('nightwatch e2e plugin', () => {
   })
 
   test('should run single test with custom nightwatch.json', async () => {
-    await project.run('vue-cli-service test:e2e --headless -t tests/e2e/specs/test.js')
+    await project.run(`vue-cli-service test:e2e --headless -t tests/e2e/specs/test.js`)
     let results = await project.read('test_results.json')
     results = JSON.parse(results)
     expect(Object.keys(results.modules)).toEqual([
@@ -75,7 +75,7 @@ describe('nightwatch e2e plugin', () => {
   })
 
   test('should run single test with custom nightwatch.json and selenium server', async () => {
-    await project.run('vue-cli-service test:e2e --headless --use-selenium -t tests/e2e/specs/test.js')
+    await project.run(`vue-cli-service test:e2e --headless --use-selenium -t tests/e2e/specs/test.js`)
     let results = await project.read('test_results.json')
     results = JSON.parse(results)
 
@@ -91,7 +91,7 @@ describe('nightwatch e2e plugin', () => {
   })
 
   test('should run tests in parallel', async () => {
-    await project.run('vue-cli-service test:e2e --headless --parallel')
+    await project.run(`vue-cli-service test:e2e --headless --parallel`)
     let results = await project.read('test_results.json')
     results = JSON.parse(results)
 
@@ -118,7 +118,7 @@ describe('nightwatch e2e plugin', () => {
 
     await Promise.all([copyConfig, copyGlobals])
 
-    await project.run('vue-cli-service test:e2e --headless --env firefox -t tests/e2e/specs/test.js')
+    await project.run(`vue-cli-service test:e2e --headless --env firefox -t tests/e2e/specs/test.js`)
     let results = await project.read('test_results_gecko.json')
     results = JSON.parse(results)
 
diff --git a/packages/@vue/cli-plugin-e2e-nightwatch/index.js b/packages/@vue/cli-plugin-e2e-nightwatch/index.js
index c251ee704b..cb1a595a79 100644
--- a/packages/@vue/cli-plugin-e2e-nightwatch/index.js
+++ b/packages/@vue/cli-plugin-e2e-nightwatch/index.js
@@ -16,8 +16,8 @@ module.exports = (api, options) => {
       '-f, --filter': 'glob to filter tests by filename'
     },
     details:
-      'All Nightwatch CLI options are also supported.\n' +
-      chalk.yellow('https://nightwatchjs.org/guide/running-tests/#command-line-options')
+      `All Nightwatch CLI options are also supported.\n` +
+      chalk.yellow(`https://nightwatchjs.org/guide/running-tests/#command-line-options`)
   }, (args, rawArgs) => {
     if (args.env && args.env.includes('firefox')) {
       try {
@@ -36,7 +36,7 @@ module.exports = (api, options) => {
 
       if (userMajor !== driverMajor) {
         warn(`Local ${chalk.cyan.bold('Chrome')} version is ${chalk.cyan.bold(userMajor)}, but the installed ${chalk.cyan.bold('chromedriver')} is for version ${chalk.cyan.bold(driverMajor)}.`)
-        warn('There may be incompatibilities between them.')
+        warn(`There may be incompatibilities between them.`)
         warn(`Please update your ${chalk.cyan.bold('chromedriver')} dependency to match the ${chalk.cyan.bold('Chrome')} version.`)
       }
     }
diff --git a/packages/@vue/cli-plugin-e2e-nightwatch/prompts.js b/packages/@vue/cli-plugin-e2e-nightwatch/prompts.js
index b1375cfc74..9ad6867aba 100644
--- a/packages/@vue/cli-plugin-e2e-nightwatch/prompts.js
+++ b/packages/@vue/cli-plugin-e2e-nightwatch/prompts.js
@@ -3,11 +3,11 @@ const { installedBrowsers } = require('@vue/cli-shared-utils')
 module.exports = [
   {
     name: 'webdrivers',
-    type: 'checkbox',
-    message: 'Pick browsers to run end-to-end test on',
+    type: `checkbox`,
+    message: `Pick browsers to run end-to-end test on`,
     choices: [
       {
-        name: 'Chrome',
+        name: `Chrome`,
         value: 'chrome',
         checked: true
       },
diff --git a/packages/@vue/cli-plugin-e2e-webdriverio/__tests__/wdioPlugin.spec.js b/packages/@vue/cli-plugin-e2e-webdriverio/__tests__/wdioPlugin.spec.js
index cd31c7166e..c68db254f8 100644
--- a/packages/@vue/cli-plugin-e2e-webdriverio/__tests__/wdioPlugin.spec.js
+++ b/packages/@vue/cli-plugin-e2e-webdriverio/__tests__/wdioPlugin.spec.js
@@ -17,9 +17,9 @@ test('should work', async () => {
   })
 
   if (!process.env.CI) {
-    await project.run('vue-cli-service test:e2e')
+    await project.run(`vue-cli-service test:e2e`)
   } else if (!process.env.APPVEYOR) {
-    await project.run('vue-cli-service test:e2e --headless')
+    await project.run(`vue-cli-service test:e2e --headless`)
   }
 })
 
@@ -27,8 +27,8 @@ test('should work with TS', async () => {
   const project = await create('e2e-webdriverio-ts', {
     plugins: {
       '@vue/cli-plugin-typescript': {
-        classComponent: true,
-        lintOn: ['save']
+        'classComponent': true,
+        'lintOn': ['save']
       },
       '@vue/cli-plugin-e2e-webdriverio': {
         webdrivers: ['chrome']
@@ -37,8 +37,8 @@ test('should work with TS', async () => {
   })
 
   if (!process.env.CI) {
-    await project.run('vue-cli-service test:e2e')
+    await project.run(`vue-cli-service test:e2e`)
   } else if (!process.env.APPVEYOR) {
-    await project.run('vue-cli-service test:e2e --headless')
+    await project.run(`vue-cli-service test:e2e --headless`)
   }
 })
diff --git a/packages/@vue/cli-plugin-e2e-webdriverio/index.js b/packages/@vue/cli-plugin-e2e-webdriverio/index.js
index 3a01c95b5c..31e3085d08 100644
--- a/packages/@vue/cli-plugin-e2e-webdriverio/index.js
+++ b/packages/@vue/cli-plugin-e2e-webdriverio/index.js
@@ -20,14 +20,14 @@ module.exports = (api, options) => {
       ...CLI_OPTIONS
     },
     details:
-      'All WebdriverIO CLI options are also supported.\n' +
-      chalk.yellow('https://webdriver.io/docs/clioptions.html')
+      `All WebdriverIO CLI options are also supported.\n` +
+      chalk.yellow(`https://webdriver.io/docs/clioptions.html`)
   }, (args, rawArgs) => {
     return Promise.all([
       startDevServer(args, api)
     ]).then((results) => {
       const { server, url } = results[0]
-      info('Running end-to-end tests...')
+      info(`Running end-to-end tests...`)
 
       // expose dev server url to tests
       if (!args.baseUrl) {
diff --git a/packages/@vue/cli-plugin-e2e-webdriverio/prompts.js b/packages/@vue/cli-plugin-e2e-webdriverio/prompts.js
index b1375cfc74..9ad6867aba 100644
--- a/packages/@vue/cli-plugin-e2e-webdriverio/prompts.js
+++ b/packages/@vue/cli-plugin-e2e-webdriverio/prompts.js
@@ -3,11 +3,11 @@ const { installedBrowsers } = require('@vue/cli-shared-utils')
 module.exports = [
   {
     name: 'webdrivers',
-    type: 'checkbox',
-    message: 'Pick browsers to run end-to-end test on',
+    type: `checkbox`,
+    message: `Pick browsers to run end-to-end test on`,
     choices: [
       {
-        name: 'Chrome',
+        name: `Chrome`,
         value: 'chrome',
         checked: true
       },
diff --git a/packages/@vue/cli-plugin-eslint/__tests__/eslintGenerator.spec.js b/packages/@vue/cli-plugin-eslint/__tests__/eslintGenerator.spec.js
index 8cc8d92ed7..7996cde448 100644
--- a/packages/@vue/cli-plugin-eslint/__tests__/eslintGenerator.spec.js
+++ b/packages/@vue/cli-plugin-eslint/__tests__/eslintGenerator.spec.js
@@ -201,7 +201,7 @@ test('append to existing .editorconfig', async () => {
   await write('.editorconfig', 'root = true\n')
 
   const invoke = require('@vue/cli/lib/invoke')
-  await invoke('eslint', { config: 'airbnb' }, dir)
+  await invoke(`eslint`, { config: 'airbnb' }, dir)
 
   const editorconfig = await read('.editorconfig')
   expect(editorconfig).toMatch('root = true')
diff --git a/packages/@vue/cli-plugin-eslint/__tests__/eslintMigrator.spec.js b/packages/@vue/cli-plugin-eslint/__tests__/eslintMigrator.spec.js
index 2733c4436b..130225f032 100644
--- a/packages/@vue/cli-plugin-eslint/__tests__/eslintMigrator.spec.js
+++ b/packages/@vue/cli-plugin-eslint/__tests__/eslintMigrator.spec.js
@@ -146,7 +146,7 @@ test('upgrade: replace babel-eslint with @babel/eslint-parser in eslintrc.js', a
 
   const eslintrc = await project.read('.eslintrc.js')
   expect(eslintrc).toMatch('babel-eslint')
-  const eslintrcMerge = eslintrc.replace('parser: \'babel-eslint\'', 'testMerge: \'testMerge\', parser: \'babel-eslint\'')
+  const eslintrcMerge = eslintrc.replace(`parser: 'babel-eslint'`, `testMerge: 'testMerge', parser: 'babel-eslint'`)
   await project.write('.eslintrc.js', eslintrcMerge)
 
   await project.upgrade('eslint')
diff --git a/packages/@vue/cli-plugin-eslint/__tests__/eslintPlugin.spec.js b/packages/@vue/cli-plugin-eslint/__tests__/eslintPlugin.spec.js
index fdc01371c4..ea43a06ac0 100644
--- a/packages/@vue/cli-plugin-eslint/__tests__/eslintPlugin.spec.js
+++ b/packages/@vue/cli-plugin-eslint/__tests__/eslintPlugin.spec.js
@@ -227,7 +227,7 @@ test('should persist cache', async () => {
   expect(has('node_modules/.cache/eslint/cache.json')).toBe(true)
 })
 
-test('should use formatter \'codeframe\'', async () => {
+test(`should use formatter 'codeframe'`, async () => {
   const project = await create('eslint-formatter-codeframe', {
     plugins: {
       '@vue/cli-plugin-babel': {},
diff --git a/packages/@vue/cli-plugin-eslint/__tests__/ui.spec.js b/packages/@vue/cli-plugin-eslint/__tests__/ui.spec.js
index 7d4ec4ddd0..fbab31fc12 100644
--- a/packages/@vue/cli-plugin-eslint/__tests__/ui.spec.js
+++ b/packages/@vue/cli-plugin-eslint/__tests__/ui.spec.js
@@ -91,7 +91,7 @@ describe('getEslintPrompts', () => {
 
   // all rules
   const rules = {
-    lorem: {
+    'lorem': {
       meta: {
         docs: {
           category: undefined,
@@ -100,7 +100,7 @@ describe('getEslintPrompts', () => {
         }
       }
     },
-    ipsum: {
+    'ipsum': {
       meta: {
         docs: {
           category: 'recommended',
@@ -109,7 +109,7 @@ describe('getEslintPrompts', () => {
         }
       }
     },
-    dolor: {
+    'dolor': {
       meta: {
         docs: {
           category: 'strongly-recommended',
@@ -118,7 +118,7 @@ describe('getEslintPrompts', () => {
         }
       }
     },
-    sit: {
+    'sit': {
       meta: {
         docs: {
           category: 'base',
diff --git a/packages/@vue/cli-plugin-eslint/eslintOptions.js b/packages/@vue/cli-plugin-eslint/eslintOptions.js
index ce48eee499..c469b50f6c 100644
--- a/packages/@vue/cli-plugin-eslint/eslintOptions.js
+++ b/packages/@vue/cli-plugin-eslint/eslintOptions.js
@@ -7,8 +7,8 @@ exports.config = (api, preset, rootOptions = {}) => {
       ecmaVersion: 2020
     },
     rules: {
-      'no-console': makeJSOnlyValue('process.env.NODE_ENV === \'production\' ? \'warn\' : \'off\''),
-      'no-debugger': makeJSOnlyValue('process.env.NODE_ENV === \'production\' ? \'warn\' : \'off\'')
+      'no-console': makeJSOnlyValue(`process.env.NODE_ENV === 'production' ? 'warn' : 'off'`),
+      'no-debugger': makeJSOnlyValue(`process.env.NODE_ENV === 'production' ? 'warn' : 'off'`)
     }
   }
 
diff --git a/packages/@vue/cli-plugin-eslint/lint.js b/packages/@vue/cli-plugin-eslint/lint.js
index 7a5b078add..9d5eec9ea1 100644
--- a/packages/@vue/cli-plugin-eslint/lint.js
+++ b/packages/@vue/cli-plugin-eslint/lint.js
@@ -107,7 +107,7 @@ module.exports = function lint (args = {}, api) {
     if (!args.silent) {
       const hasFixed = report.results.some(f => f.output)
       if (hasFixed) {
-        log('The following files have been auto-fixed:')
+        log(`The following files have been auto-fixed:`)
         log()
         report.results.forEach(f => {
           if (f.output) {
@@ -119,7 +119,7 @@ module.exports = function lint (args = {}, api) {
       if (report.warningCount || report.errorCount) {
         console.log(formatter(report.results))
       } else {
-        done(hasFixed ? 'All lint errors auto-fixed.' : 'No lint errors found!')
+        done(hasFixed ? `All lint errors auto-fixed.` : `No lint errors found!`)
       }
     }
   } else {
diff --git a/packages/@vue/cli-plugin-eslint/prompts.js b/packages/@vue/cli-plugin-eslint/prompts.js
index 2c3502727d..9c070a7c47 100644
--- a/packages/@vue/cli-plugin-eslint/prompts.js
+++ b/packages/@vue/cli-plugin-eslint/prompts.js
@@ -7,7 +7,7 @@ module.exports = [
   {
     name: 'config',
     type: 'list',
-    message: 'Pick an ESLint config:',
+    message: `Pick an ESLint config:`,
     choices: [
       {
         name: 'Error prevention only',
diff --git a/packages/@vue/cli-plugin-pwa/__tests__/pwaGenerator.spec.js b/packages/@vue/cli-plugin-pwa/__tests__/pwaGenerator.spec.js
index 658ae12538..222f5f0c7e 100644
--- a/packages/@vue/cli-plugin-pwa/__tests__/pwaGenerator.spec.js
+++ b/packages/@vue/cli-plugin-pwa/__tests__/pwaGenerator.spec.js
@@ -14,7 +14,7 @@ test('inject import statement for service worker', async () => {
     }
   ])
 
-  expect(files['src/main.js']).toMatch('import \'./registerServiceWorker\'')
+  expect(files['src/main.js']).toMatch(`import './registerServiceWorker'`)
 })
 
 test('inject import statement for service worker (with TS)', async () => {
@@ -36,5 +36,5 @@ test('inject import statement for service worker (with TS)', async () => {
     }
   ])
 
-  expect(files['src/main.ts']).toMatch('import \'./registerServiceWorker\'')
+  expect(files['src/main.ts']).toMatch(`import './registerServiceWorker'`)
 })
diff --git a/packages/@vue/cli-plugin-pwa/__tests__/pwaPlugin.spec.js b/packages/@vue/cli-plugin-pwa/__tests__/pwaPlugin.spec.js
index 509c1c96eb..56054308cc 100644
--- a/packages/@vue/cli-plugin-pwa/__tests__/pwaPlugin.spec.js
+++ b/packages/@vue/cli-plugin-pwa/__tests__/pwaPlugin.spec.js
@@ -36,14 +36,14 @@ test('pwa', async () => {
   // expect(index).toMatch(/<link [^>]+app[^>]+\.css" rel="preload" as="style">/)
 
   // PWA specific directives
-  expect(index).toMatch('<link rel="manifest" href="/manifest.json">')
+  expect(index).toMatch(`<link rel="manifest" href="/manifest.json">`)
   // favicon is not minified because it's technically a comment
-  expect(index).toMatch('<!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]-->')
-  expect(index).toMatch('<meta name="apple-mobile-web-app-capable" content="no">')
+  expect(index).toMatch(`<!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]-->`)
+  expect(index).toMatch(`<meta name="apple-mobile-web-app-capable" content="no">`)
 
   // should import service worker script
   const main = await project.read('src/main.js')
-  expect(main).toMatch('import \'./registerServiceWorker\'')
+  expect(main).toMatch(`import './registerServiceWorker'`)
 
   const port = await portfinder.getPortPromise()
   server = createServer({ root: path.join(project.dir, 'dist') })
diff --git a/packages/@vue/cli-plugin-pwa/generator/index.js b/packages/@vue/cli-plugin-pwa/generator/index.js
index 3c5f20bcaa..fd3ca254a0 100644
--- a/packages/@vue/cli-plugin-pwa/generator/index.js
+++ b/packages/@vue/cli-plugin-pwa/generator/index.js
@@ -4,7 +4,7 @@ module.exports = api => {
       'register-service-worker': '^1.7.2'
     }
   })
-  api.injectImports(api.entryFile, 'import \'./registerServiceWorker\'')
+  api.injectImports(api.entryFile, `import './registerServiceWorker'`)
   api.render('./template')
 
   if (api.invoking && api.hasPlugin('typescript')) {
diff --git a/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js b/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js
index 439cf7b9e8..c49afc256a 100644
--- a/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js
+++ b/packages/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js
@@ -17,26 +17,26 @@ const defaults = {
 const defaultManifest = {
   icons: [
     {
-      src: './img/icons/android-chrome-192x192.png',
-      sizes: '192x192',
-      type: 'image/png'
+      'src': './img/icons/android-chrome-192x192.png',
+      'sizes': '192x192',
+      'type': 'image/png'
     },
     {
-      src: './img/icons/android-chrome-512x512.png',
-      sizes: '512x512',
-      type: 'image/png'
+      'src': './img/icons/android-chrome-512x512.png',
+      'sizes': '512x512',
+      'type': 'image/png'
     },
     {
-      src: './img/icons/android-chrome-maskable-192x192.png',
-      sizes: '192x192',
-      type: 'image/png',
-      purpose: 'maskable'
+      'src': './img/icons/android-chrome-maskable-192x192.png',
+      'sizes': '192x192',
+      'type': 'image/png',
+      'purpose': 'maskable'
     },
     {
-      src: './img/icons/android-chrome-maskable-512x512.png',
-      sizes: '512x512',
-      type: 'image/png',
-      purpose: 'maskable'
+      'src': './img/icons/android-chrome-maskable-512x512.png',
+      'sizes': '512x512',
+      'type': 'image/png',
+      'purpose': 'maskable'
     }
   ],
   start_url: '.',
diff --git a/packages/@vue/cli-plugin-router/generator/index.js b/packages/@vue/cli-plugin-router/generator/index.js
index f8defbc910..eea704111f 100644
--- a/packages/@vue/cli-plugin-router/generator/index.js
+++ b/packages/@vue/cli-plugin-router/generator/index.js
@@ -1,7 +1,7 @@
 module.exports = (api, options = {}, rootOptions = {}) => {
   const isVue3 = (rootOptions.vueVersion === '3')
 
-  api.injectImports(api.entryFile, 'import router from \'./router\'')
+  api.injectImports(api.entryFile, `import router from './router'`)
 
   if (isVue3) {
     api.transformScript(api.entryFile, require('./injectUseRouter'))
@@ -11,7 +11,7 @@ module.exports = (api, options = {}, rootOptions = {}) => {
       }
     })
   } else {
-    api.injectRootOptions(api.entryFile, 'router')
+    api.injectRootOptions(api.entryFile, `router`)
 
     api.extendPackage({
       dependencies: {
diff --git a/packages/@vue/cli-plugin-router/prompts.js b/packages/@vue/cli-plugin-router/prompts.js
index 261e5090dd..af10a49ae8 100644
--- a/packages/@vue/cli-plugin-router/prompts.js
+++ b/packages/@vue/cli-plugin-router/prompts.js
@@ -7,7 +7,7 @@ module.exports = [
   {
     name: 'historyMode',
     type: 'confirm',
-    message: `Use history mode for router? ${chalk.yellow('(Requires proper server setup for index fallback in production)')}`,
-    description: 'By using the HTML5 History API, the URLs don\'t need the \'#\' character anymore.'
+    message: `Use history mode for router? ${chalk.yellow(`(Requires proper server setup for index fallback in production)`)}`,
+    description: `By using the HTML5 History API, the URLs don't need the '#' character anymore.`
   }
 ]
diff --git a/packages/@vue/cli-plugin-typescript/__tests__/tsGenerator.spec.js b/packages/@vue/cli-plugin-typescript/__tests__/tsGenerator.spec.js
index c75411bd30..a745786439 100644
--- a/packages/@vue/cli-plugin-typescript/__tests__/tsGenerator.spec.js
+++ b/packages/@vue/cli-plugin-typescript/__tests__/tsGenerator.spec.js
@@ -35,12 +35,12 @@ test('classComponent', async () => {
   expect(pkg.dependencies).toHaveProperty('vue-class-component')
   expect(pkg.dependencies).toHaveProperty('vue-property-decorator')
 
-  expect(files['tsconfig.json']).toMatch('"experimentalDecorators": true')
+  expect(files['tsconfig.json']).toMatch(`"experimentalDecorators": true`)
   expect(files['src/App.vue']).toMatch(
-    'export default class App extends Vue {'
+    `export default class App extends Vue {`
   )
   expect(files['src/components/HelloWorld.vue']).toMatch(
-    'export default class HelloWorld extends Vue {'
+    `export default class HelloWorld extends Vue {`
   )
 })
 
@@ -60,8 +60,8 @@ test('use with Babel', async () => {
     }
   ])
 
-  expect(files['babel.config.js']).toMatch('presets: [\n    \'@vue/cli-plugin-babel/preset\'\n  ]')
-  expect(files['tsconfig.json']).toMatch('"target": "esnext"')
+  expect(files['babel.config.js']).toMatch(`presets: [\n    '@vue/cli-plugin-babel/preset'\n  ]`)
+  expect(files['tsconfig.json']).toMatch(`"target": "esnext"`)
 })
 
 test('use with router', async () => {
diff --git a/packages/@vue/cli-plugin-typescript/__tests__/tsMochaPlugin.spec.js b/packages/@vue/cli-plugin-typescript/__tests__/tsMochaPlugin.spec.js
index efd9b6cef9..b42649ea9d 100644
--- a/packages/@vue/cli-plugin-typescript/__tests__/tsMochaPlugin.spec.js
+++ b/packages/@vue/cli-plugin-typescript/__tests__/tsMochaPlugin.spec.js
@@ -7,5 +7,5 @@ test('mocha', async () => {
       '@vue/cli-plugin-unit-mocha': {}
     }
   })
-  await project.run('vue-cli-service test:unit')
+  await project.run(`vue-cli-service test:unit`)
 })
diff --git a/packages/@vue/cli-plugin-typescript/__tests__/tsPlugin.helper.js b/packages/@vue/cli-plugin-typescript/__tests__/tsPlugin.helper.js
index 9fd27ba222..1bd5d4bf72 100644
--- a/packages/@vue/cli-plugin-typescript/__tests__/tsPlugin.helper.js
+++ b/packages/@vue/cli-plugin-typescript/__tests__/tsPlugin.helper.js
@@ -20,12 +20,12 @@ exports.assertServe = async (name, options, outside = false) => {
     await serve(
       () => project.run('yarn serve'),
       async ({ page, nextUpdate, helpers }) => {
-        const msg = 'Welcome to Your Vue.js + TypeScript App'
+        const msg = `Welcome to Your Vue.js + TypeScript App`
         expect(await helpers.getText('h1')).toMatch(msg)
 
         // test hot reload
-        const file = await project.read('src/App.vue')
-        project.write('src/App.vue', file.replace(msg, 'Updated'))
+        const file = await project.read(`src/App.vue`)
+        project.write(`src/App.vue`, file.replace(msg, `Updated`))
         await nextUpdate() // wait for child stdout update signal
         try {
           await page.waitForFunction(selector => {
diff --git a/packages/@vue/cli-plugin-typescript/__tests__/tsPluginClassComponent.spec.js b/packages/@vue/cli-plugin-typescript/__tests__/tsPluginClassComponent.spec.js
index 54f130e559..1decff1098 100644
--- a/packages/@vue/cli-plugin-typescript/__tests__/tsPluginClassComponent.spec.js
+++ b/packages/@vue/cli-plugin-typescript/__tests__/tsPluginClassComponent.spec.js
@@ -13,5 +13,5 @@ const options = {
 assertServe('ts-class-serve', options)
 assertBuild('ts-class-build', options, async (project) => {
   const app = await project.read('src/App.vue')
-  expect(app).toMatch('export default class App extends Vue {')
+  expect(app).toMatch(`export default class App extends Vue {`)
 })
diff --git a/packages/@vue/cli-plugin-typescript/__tests__/tsPluginE2e.spec.js b/packages/@vue/cli-plugin-typescript/__tests__/tsPluginE2e.spec.js
index c4320d4997..fcc2f74c89 100644
--- a/packages/@vue/cli-plugin-typescript/__tests__/tsPluginE2e.spec.js
+++ b/packages/@vue/cli-plugin-typescript/__tests__/tsPluginE2e.spec.js
@@ -17,7 +17,7 @@ if (!process.env.APPVEYOR) {
     const config = JSON.parse(await project.read('cypress.json'))
     config.video = false
     await project.write('cypress.json', JSON.stringify(config))
-    await project.run('vue-cli-service test:e2e --headless')
+    await project.run(`vue-cli-service test:e2e --headless`)
   })
 }
 
@@ -29,6 +29,6 @@ if (!process.env.CIRCLECI) {
         '@vue/cli-plugin-e2e-nightwatch': {}
       }
     })
-    await project.run('vue-cli-service test:e2e')
+    await project.run(`vue-cli-service test:e2e`)
   })
 }
diff --git a/packages/@vue/cli-plugin-typescript/__tests__/tsPluginUnit.spec.js b/packages/@vue/cli-plugin-typescript/__tests__/tsPluginUnit.spec.js
index 8bc3e4a63e..044539b3d3 100644
--- a/packages/@vue/cli-plugin-typescript/__tests__/tsPluginUnit.spec.js
+++ b/packages/@vue/cli-plugin-typescript/__tests__/tsPluginUnit.spec.js
@@ -9,7 +9,7 @@ test('jest', async () => {
       '@vue/cli-plugin-unit-jest': {}
     }
   })
-  await project.run('vue-cli-service test:unit')
+  await project.run(`vue-cli-service test:unit`)
 })
 
 test('jest w/ babel', async () => {
@@ -20,5 +20,5 @@ test('jest w/ babel', async () => {
       '@vue/cli-plugin-unit-jest': {}
     }
   })
-  await project.run('vue-cli-service test:unit')
+  await project.run(`vue-cli-service test:unit`)
 })
diff --git a/packages/@vue/cli-plugin-typescript/index.js b/packages/@vue/cli-plugin-typescript/index.js
index 9610d56ccf..cc02c8b175 100644
--- a/packages/@vue/cli-plugin-typescript/index.js
+++ b/packages/@vue/cli-plugin-typescript/index.js
@@ -35,7 +35,7 @@ module.exports = (api, projectOptions) => {
       loader: require.resolve('cache-loader'),
       options: api.genCacheConfig('ts-loader', {
         'ts-loader': require('ts-loader/package.json').version,
-        typescript: require('typescript/package.json').version,
+        'typescript': require('typescript/package.json').version,
         modern: !!process.env.VUE_CLI_MODERN_BUILD
       }, 'tsconfig.json')
     })
diff --git a/packages/@vue/cli-plugin-typescript/prompts.js b/packages/@vue/cli-plugin-typescript/prompts.js
index be446912d3..92dabcdbc7 100644
--- a/packages/@vue/cli-plugin-typescript/prompts.js
+++ b/packages/@vue/cli-plugin-typescript/prompts.js
@@ -3,32 +3,32 @@
 
 module.exports = [
   {
-    name: 'classComponent',
-    type: 'confirm',
-    message: 'Use class-style component syntax?',
+    name: `classComponent`,
+    type: `confirm`,
+    message: `Use class-style component syntax?`,
     default: true
   },
   {
-    name: 'useTsWithBabel',
-    type: 'confirm',
+    name: `useTsWithBabel`,
+    type: `confirm`,
     message: 'Use Babel alongside TypeScript (required for modern mode, auto-detected polyfills, transpiling JSX)?'
   },
   {
-    name: 'convertJsToTs',
-    type: 'confirm',
-    message: 'Convert all .js files to .ts?',
+    name: `convertJsToTs`,
+    type: `confirm`,
+    message: `Convert all .js files to .ts?`,
     default: true
   },
   {
-    name: 'allowJs',
-    type: 'confirm',
-    message: 'Allow .js files to be compiled?',
+    name: `allowJs`,
+    type: `confirm`,
+    message: `Allow .js files to be compiled?`,
     default: false
   },
   {
     name: 'skipLibCheck',
-    type: 'confirm',
-    message: 'Skip type checking of all declaration files (recommended for apps)?',
+    type: `confirm`,
+    message: `Skip type checking of all declaration files (recommended for apps)?`,
     default: true
   }
 ]
diff --git a/packages/@vue/cli-plugin-unit-jest/__tests__/jestGenerator.spec.js b/packages/@vue/cli-plugin-unit-jest/__tests__/jestGenerator.spec.js
index 062582fa0c..ad976b351d 100644
--- a/packages/@vue/cli-plugin-unit-jest/__tests__/jestGenerator.spec.js
+++ b/packages/@vue/cli-plugin-unit-jest/__tests__/jestGenerator.spec.js
@@ -25,7 +25,7 @@ test('base', async () => {
   expect(pkg.devDependencies).toHaveProperty('@vue/test-utils')
 
   const spec = files['tests/unit/example.spec.js']
-  expect(spec).toMatch('expect(wrapper.text()).toMatch(msg)')
+  expect(spec).toMatch(`expect(wrapper.text()).toMatch(msg)`)
 })
 
 test('with TS', async () => {
@@ -44,7 +44,7 @@ test('with TS', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.ts']
-  expect(spec).toMatch('expect(wrapper.text()).toMatch(msg)')
+  expect(spec).toMatch(`expect(wrapper.text()).toMatch(msg)`)
 })
 
 test('bare', async () => {
@@ -62,8 +62,8 @@ test('bare', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.js']
-  expect(spec).toMatch('const wrapper = shallowMount(App)')
-  expect(spec).toMatch('expect(wrapper.text()).toMatch(`Welcome to Your Vue.js App`)')
+  expect(spec).toMatch(`const wrapper = shallowMount(App)`)
+  expect(spec).toMatch(`expect(wrapper.text()).toMatch(\`Welcome to Your Vue.js App\`)`)
 })
 
 test('TS + bare', async () => {
@@ -86,8 +86,8 @@ test('TS + bare', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.ts']
-  expect(spec).toMatch('const wrapper = shallowMount(App)')
-  expect(spec).toMatch('expect(wrapper.text()).toMatch(`Welcome to Your Vue.js + TypeScript App`)')
+  expect(spec).toMatch(`const wrapper = shallowMount(App)`)
+  expect(spec).toMatch(`expect(wrapper.text()).toMatch(\`Welcome to Your Vue.js + TypeScript App\`)`)
 })
 
 test('bare + router', async () => {
@@ -110,8 +110,8 @@ test('bare + router', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.js']
-  expect(spec).toMatch('const wrapper = mount(App,')
-  expect(spec).toMatch('expect(wrapper.text()).toMatch(`Welcome to Your Vue.js App`)')
+  expect(spec).toMatch(`const wrapper = mount(App,`)
+  expect(spec).toMatch(`expect(wrapper.text()).toMatch(\`Welcome to Your Vue.js App\`)`)
 })
 
 test('TS + bare + router', async () => {
@@ -139,8 +139,8 @@ test('TS + bare + router', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.ts']
-  expect(spec).toMatch('const wrapper = mount(App,')
-  expect(spec).toMatch('expect(wrapper.text()).toMatch(`Welcome to Your Vue.js App`)')
+  expect(spec).toMatch(`const wrapper = mount(App,`)
+  expect(spec).toMatch(`expect(wrapper.text()).toMatch(\`Welcome to Your Vue.js App\`)`)
 })
 
 test('add types to existing tsconfig.json', async () => {
diff --git a/packages/@vue/cli-plugin-unit-jest/__tests__/jestPlugin.spec.js b/packages/@vue/cli-plugin-unit-jest/__tests__/jestPlugin.spec.js
index 2ea3b41f87..618914c269 100644
--- a/packages/@vue/cli-plugin-unit-jest/__tests__/jestPlugin.spec.js
+++ b/packages/@vue/cli-plugin-unit-jest/__tests__/jestPlugin.spec.js
@@ -10,7 +10,7 @@ test('should work', async () => {
       '@vue/cli-plugin-unit-jest': {}
     }
   })
-  await project.run('vue-cli-service test:unit')
+  await project.run(`vue-cli-service test:unit`)
 })
 
 test('should respect jest testMatch config', async () => {
@@ -27,7 +27,7 @@ test('should respect jest testMatch config', async () => {
 
   let result
   try {
-    await project.run('vue-cli-service test:unit')
+    await project.run(`vue-cli-service test:unit`)
   } catch (e) {
     result = e
   }
@@ -51,7 +51,7 @@ test('should respect jest.config.js testMatch config', async () => {
 
   let result
   try {
-    await project.run('vue-cli-service test:unit')
+    await project.run(`vue-cli-service test:unit`)
   } catch (e) {
     result = e
   }
@@ -66,9 +66,9 @@ test('should work without Babel', async () => {
     },
     useConfigFiles: true
   })
-  await project.run('vue-cli-service test:unit')
+  await project.run(`vue-cli-service test:unit`)
 
-  await project.run('vue-cli-service test:unit --coverage --collectCoverageFrom="src/**/*.{js,vue}"')
+  await project.run(`vue-cli-service test:unit --coverage --collectCoverageFrom="src/**/*.{js,vue}"`)
   const appCoverage = await project.read('coverage/lcov-report/App.vue.html')
   expect(appCoverage).toBeTruthy()
 })
@@ -114,7 +114,7 @@ test('should work with tsx', async () => {
   })
   `)
 
-  await run('vue-cli-service test:unit')
+  await run(`vue-cli-service test:unit`)
 })
 
 test('should correctly configured eslint', async () => {
@@ -124,7 +124,7 @@ test('should correctly configured eslint', async () => {
       '@vue/cli-plugin-unit-jest': {}
     }
   })
-  await project.run('vue-cli-service lint')
+  await project.run(`vue-cli-service lint`)
 })
 
 test('should work with Vue 3', async () => {
@@ -137,5 +137,5 @@ test('should work with Vue 3', async () => {
   })
   const pkg = JSON.parse(await project.read('package.json'))
   expect(pkg.devDependencies['@vue/test-utils']).toMatch('^2')
-  await project.run('vue-cli-service test:unit')
+  await project.run(`vue-cli-service test:unit`)
 })
diff --git a/packages/@vue/cli-plugin-unit-jest/__tests__/jestPluginVue3.spec.js b/packages/@vue/cli-plugin-unit-jest/__tests__/jestPluginVue3.spec.js
index 17318ff808..91741feb6f 100644
--- a/packages/@vue/cli-plugin-unit-jest/__tests__/jestPluginVue3.spec.js
+++ b/packages/@vue/cli-plugin-unit-jest/__tests__/jestPluginVue3.spec.js
@@ -12,5 +12,5 @@ test('should work with Vue 3', async () => {
   })
   const pkg = JSON.parse(await project.read('package.json'))
   expect(pkg.devDependencies['@vue/test-utils']).toMatch('^2')
-  await project.run('vue-cli-service test:unit')
+  await project.run(`vue-cli-service test:unit`)
 })
diff --git a/packages/@vue/cli-plugin-unit-jest/generator/index.js b/packages/@vue/cli-plugin-unit-jest/generator/index.js
index 4d7a48eeb5..5696753e94 100644
--- a/packages/@vue/cli-plugin-unit-jest/generator/index.js
+++ b/packages/@vue/cli-plugin-unit-jest/generator/index.js
@@ -26,7 +26,7 @@ module.exports = (api, options, rootOptions, invoking) => {
       devDependencies: {
         'vue-jest': '^5.0.0-0',
         // vue-jest 5.0.0-alpha.1 requires typescript to be present
-        typescript: '~4.1.2'
+        'typescript': '~4.1.2'
       },
       jest: {
         transform: {
diff --git a/packages/@vue/cli-plugin-unit-jest/index.js b/packages/@vue/cli-plugin-unit-jest/index.js
index ade946e52f..add7bae890 100644
--- a/packages/@vue/cli-plugin-unit-jest/index.js
+++ b/packages/@vue/cli-plugin-unit-jest/index.js
@@ -6,8 +6,8 @@ module.exports = api => {
       '--watch': 'run tests in watch mode'
     },
     details:
-      'All jest command line options are supported.\n' +
-      'See https://facebook.github.io/jest/docs/en/cli.html for more details.'
+      `All jest command line options are supported.\n` +
+      `See https://facebook.github.io/jest/docs/en/cli.html for more details.`
   }, (args, rawArgv) => {
     // for @vue/babel-preset-app <= v4.0.0-rc.7
     process.env.VUE_CLI_BABEL_TARGET_NODE = true
diff --git a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaGenerator.spec.js b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaGenerator.spec.js
index 286011472a..dc01eaef6a 100644
--- a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaGenerator.spec.js
+++ b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaGenerator.spec.js
@@ -20,8 +20,8 @@ test('base', async () => {
   expect(pkg.devDependencies).toHaveProperty('@vue/test-utils')
 
   const spec = files['tests/unit/example.spec.js']
-  expect(spec).toMatch('import { expect } from \'chai\'')
-  expect(spec).toMatch('expect(wrapper.text()).to.include(msg)')
+  expect(spec).toMatch(`import { expect } from 'chai'`)
+  expect(spec).toMatch(`expect(wrapper.text()).to.include(msg)`)
 })
 
 test('with TS', async () => {
@@ -40,8 +40,8 @@ test('with TS', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.ts']
-  expect(spec).toMatch('import { expect } from \'chai\'')
-  expect(spec).toMatch('expect(wrapper.text()).to.include(msg)')
+  expect(spec).toMatch(`import { expect } from 'chai'`)
+  expect(spec).toMatch(`expect(wrapper.text()).to.include(msg)`)
 })
 
 test('bare', async () => {
@@ -59,8 +59,8 @@ test('bare', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.js']
-  expect(spec).toMatch('const wrapper = shallowMount(App)')
-  expect(spec).toMatch('expect(wrapper.text()).to.include(`Welcome to Your Vue.js App`)')
+  expect(spec).toMatch(`const wrapper = shallowMount(App)`)
+  expect(spec).toMatch(`expect(wrapper.text()).to.include(\`Welcome to Your Vue.js App\`)`)
 })
 
 test('TS + bare', async () => {
@@ -83,8 +83,8 @@ test('TS + bare', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.ts']
-  expect(spec).toMatch('const wrapper = shallowMount(App)')
-  expect(spec).toMatch('expect(wrapper.text()).to.include(`Welcome to Your Vue.js + TypeScript App`)')
+  expect(spec).toMatch(`const wrapper = shallowMount(App)`)
+  expect(spec).toMatch(`expect(wrapper.text()).to.include(\`Welcome to Your Vue.js + TypeScript App\`)`)
 })
 
 test('bare + router', async () => {
@@ -107,8 +107,8 @@ test('bare + router', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.js']
-  expect(spec).toMatch('const wrapper = mount(App,')
-  expect(spec).toMatch('expect(wrapper.text()).to.include(`Welcome to Your Vue.js App`)')
+  expect(spec).toMatch(`const wrapper = mount(App,`)
+  expect(spec).toMatch(`expect(wrapper.text()).to.include(\`Welcome to Your Vue.js App\`)`)
 })
 
 test('TS + bare + router', async () => {
@@ -136,8 +136,8 @@ test('TS + bare + router', async () => {
   ])
 
   const spec = files['tests/unit/example.spec.ts']
-  expect(spec).toMatch('const wrapper = mount(App,')
-  expect(spec).toMatch('expect(wrapper.text()).to.include(`Welcome to Your Vue.js App`)')
+  expect(spec).toMatch(`const wrapper = mount(App,`)
+  expect(spec).toMatch(`expect(wrapper.text()).to.include(\`Welcome to Your Vue.js App\`)`)
 })
 
 test('add types to existing tsconfig.json', async () => {
diff --git a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPlugin.spec.js b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPlugin.spec.js
index 27a3925040..f17b7a358c 100644
--- a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPlugin.spec.js
+++ b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPlugin.spec.js
@@ -9,5 +9,5 @@ test('should work', async () => {
       '@vue/cli-plugin-unit-mocha': {}
     }
   })
-  await project.run('vue-cli-service test:unit')
+  await project.run(`vue-cli-service test:unit`)
 })
diff --git a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPluginVue3.spec.js b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPluginVue3.spec.js
index 340531c382..e95581c4ea 100644
--- a/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPluginVue3.spec.js
+++ b/packages/@vue/cli-plugin-unit-mocha/__tests__/mochaPluginVue3.spec.js
@@ -11,7 +11,7 @@ test('should work with Vue 3', async () => {
   })
   const pkg = JSON.parse(await project.read('package.json'))
   expect(pkg.devDependencies['@vue/test-utils']).toMatch('^2')
-  await project.run('vue-cli-service test:unit')
+  await project.run(`vue-cli-service test:unit`)
 })
 
 test('should work with Vue 3 + TS', async () => {
@@ -25,5 +25,5 @@ test('should work with Vue 3 + TS', async () => {
   })
   const pkg = JSON.parse(await project.read('package.json'))
   expect(pkg.devDependencies['@vue/test-utils']).toMatch('^2')
-  await project.run('vue-cli-service test:unit')
+  await project.run(`vue-cli-service test:unit`)
 })
diff --git a/packages/@vue/cli-plugin-unit-mocha/generator/index.js b/packages/@vue/cli-plugin-unit-mocha/generator/index.js
index a50b65c73b..7dfc5b6123 100644
--- a/packages/@vue/cli-plugin-unit-mocha/generator/index.js
+++ b/packages/@vue/cli-plugin-unit-mocha/generator/index.js
@@ -14,7 +14,7 @@ module.exports = (api, options, rootOptions, invoking) => {
     devDependencies: {
       '@vue/cli-plugin-webpack-4': require('../package.json').dependencies['@vue/cli-plugin-webpack-4'],
       '@vue/test-utils': isVue3 ? '^2.0.0-0' : '^1.1.0',
-      chai: '^4.2.0'
+      'chai': '^4.2.0'
     },
     scripts: {
       'test:unit': 'vue-cli-service test:unit'
diff --git a/packages/@vue/cli-plugin-unit-mocha/index.js b/packages/@vue/cli-plugin-unit-mocha/index.js
index c5fdd0f14f..9c921650fc 100644
--- a/packages/@vue/cli-plugin-unit-mocha/index.js
+++ b/packages/@vue/cli-plugin-unit-mocha/index.js
@@ -41,9 +41,9 @@ module.exports = api => {
       '--inspect-brk': 'Enable inspector to debug the tests'
     },
     details: (
-      'The above list only includes the most commonly used options.\n' +
-      'For a full list of available options, see\n' +
-      'https://sysgears.github.io/mochapack/docs/installation/cli-usage.html'
+      `The above list only includes the most commonly used options.\n` +
+      `For a full list of available options, see\n` +
+      `https://sysgears.github.io/mochapack/docs/installation/cli-usage.html`
     )
   }, (args, rawArgv) => {
     let nodeArgs = []
@@ -71,8 +71,8 @@ module.exports = api => {
         ? []
         : [
           api.hasPlugin('typescript')
-            ? 'tests/unit/**/*.spec.ts'
-            : 'tests/unit/**/*.spec.js'
+            ? `tests/unit/**/*.spec.ts`
+            : `tests/unit/**/*.spec.js`
         ])
     ]
 
diff --git a/packages/@vue/cli-plugin-vuex/generator/index.js b/packages/@vue/cli-plugin-vuex/generator/index.js
index 53844431c0..8603d2b570 100644
--- a/packages/@vue/cli-plugin-vuex/generator/index.js
+++ b/packages/@vue/cli-plugin-vuex/generator/index.js
@@ -1,5 +1,5 @@
 module.exports = (api, options = {}, rootOptions = {}) => {
-  api.injectImports(api.entryFile, 'import store from \'./store\'')
+  api.injectImports(api.entryFile, `import store from './store'`)
 
   if (rootOptions.vueVersion === '3') {
     api.transformScript(api.entryFile, require('./injectUseStore'))
@@ -10,7 +10,7 @@ module.exports = (api, options = {}, rootOptions = {}) => {
     })
     api.render('./template-vue3', {})
   } else {
-    api.injectRootOptions(api.entryFile, 'store')
+    api.injectRootOptions(api.entryFile, `store`)
 
     api.extendPackage({
       dependencies: {
diff --git a/packages/@vue/cli-plugin-webpack-4/generator.js b/packages/@vue/cli-plugin-webpack-4/generator.js
index 8d3b2e6c49..195d1476a9 100644
--- a/packages/@vue/cli-plugin-webpack-4/generator.js
+++ b/packages/@vue/cli-plugin-webpack-4/generator.js
@@ -2,7 +2,7 @@
 module.exports = (api) => {
   api.extendPackage({
     devDependencies: {
-      webpack: '^4.0.0'
+      'webpack': '^4.0.0'
     },
     // Force resolutions is more reliable than module-alias
     // Yarn and PNPM 5.10+ support this feature
diff --git a/packages/@vue/cli-service/__tests__/Service.spec.js b/packages/@vue/cli-service/__tests__/Service.spec.js
index 59979151fc..b1381978e0 100644
--- a/packages/@vue/cli-service/__tests__/Service.spec.js
+++ b/packages/@vue/cli-service/__tests__/Service.spec.js
@@ -38,8 +38,8 @@ afterEach(() => {
 
 test('env loading', () => {
   process.env.FOO = 0
-  fs.writeFileSync('/.env.local', 'FOO=1\nBAR=2')
-  fs.writeFileSync('/.env', 'BAR=3\nBAZ=4')
+  fs.writeFileSync('/.env.local', `FOO=1\nBAR=2`)
+  fs.writeFileSync('/.env', `BAR=3\nBAZ=4`)
   createMockService()
 
   expect(process.env.FOO).toBe('0')
@@ -209,8 +209,8 @@ test('api: --skip-plugins', () => {
 })
 
 test('api: defaultModes', () => {
-  fs.writeFileSync('/.env.foo', 'FOO=5\nBAR=6')
-  fs.writeFileSync('/.env.foo.local', 'FOO=7\nBAZ=8')
+  fs.writeFileSync('/.env.foo', `FOO=5\nBAR=6`)
+  fs.writeFileSync('/.env.foo.local', `FOO=7\nBAZ=8`)
 
   const plugin1 = {
     id: 'test-defaultModes',
diff --git a/packages/@vue/cli-service/__tests__/buildLib.spec.js b/packages/@vue/cli-service/__tests__/buildLib.spec.js
index cc21038e96..7aa6915a6c 100644
--- a/packages/@vue/cli-service/__tests__/buildLib.spec.js
+++ b/packages/@vue/cli-service/__tests__/buildLib.spec.js
@@ -127,10 +127,10 @@ test('build as lib with webpackConfiguration depending on target (js)', async ()
   expect(project.has('dist/testLib.common.js')).toBe(true)
 
   const umdContent = await project.read('dist/testLib.umd.js')
-  expect(umdContent).toContain('foo: \'bar\'')
+  expect(umdContent).toContain(`foo: 'bar'`)
 
   const commonContent = await project.read('dist/testLib.common.js')
-  expect(commonContent).not.toContain('foo: \'bar\'')
+  expect(commonContent).not.toContain(`foo: 'bar'`)
 })
 
 test('build as lib with --filename option', async () => {
diff --git a/packages/@vue/cli-service/__tests__/buildWc.spec.js b/packages/@vue/cli-service/__tests__/buildWc.spec.js
index b0e39c698c..4dcd67255d 100644
--- a/packages/@vue/cli-service/__tests__/buildWc.spec.js
+++ b/packages/@vue/cli-service/__tests__/buildWc.spec.js
@@ -12,7 +12,7 @@ let server, browser, page
 test('build as wc', async () => {
   const project = await create('build-wc', defaultPreset)
 
-  const { stdout } = await project.run('vue-cli-service build --target wc **/*.vue')
+  const { stdout } = await project.run(`vue-cli-service build --target wc **/*.vue`)
   expect(stdout).toMatch('Build complete.')
 
   expect(project.has('dist/demo.html')).toBe(true)
@@ -57,7 +57,7 @@ test('build as wc', async () => {
 test('build as single wc', async () => {
   const project = await create('build-single-wc', defaultPreset)
 
-  const { stdout } = await project.run('vue-cli-service build --target wc --name single-wc')
+  const { stdout } = await project.run(`vue-cli-service build --target wc --name single-wc`)
   expect(stdout).toMatch('Build complete.')
 
   expect(project.has('dist/demo.html')).toBe(true)
diff --git a/packages/@vue/cli-service/__tests__/buildWcAsync.spec.js b/packages/@vue/cli-service/__tests__/buildWcAsync.spec.js
index e5b6f568a7..b8235a7573 100644
--- a/packages/@vue/cli-service/__tests__/buildWcAsync.spec.js
+++ b/packages/@vue/cli-service/__tests__/buildWcAsync.spec.js
@@ -12,7 +12,7 @@ let server, browser, page
 test('build as wc in async mode', async () => {
   const project = await create('build-wc-async', defaultPreset)
 
-  const { stdout } = await project.run('vue-cli-service build --target wc-async **/*.vue')
+  const { stdout } = await project.run(`vue-cli-service build --target wc-async **/*.vue`)
   expect(stdout).toMatch('Build complete.')
 
   expect(project.has('dist/demo.html')).toBe(true)
diff --git a/packages/@vue/cli-service/__tests__/css.spec.js b/packages/@vue/cli-service/__tests__/css.spec.js
index 0ab0986e71..0492e41a12 100644
--- a/packages/@vue/cli-service/__tests__/css.spec.js
+++ b/packages/@vue/cli-service/__tests__/css.spec.js
@@ -118,7 +118,7 @@ test('CSS Modules rules', () => {
       importLoaders: 2, // with postcss-loader
       sourceMap: false,
       modules: {
-        localIdentName: '[name]_[local]_[hash:base64:5]'
+        localIdentName: `[name]_[local]_[hash:base64:5]`
       }
     }
     // vue-modules rules
@@ -157,7 +157,7 @@ test('Customized CSS Modules rules', () => {
       importLoaders: 2, // with postcss-loader
       sourceMap: false,
       modules: {
-        localIdentName: '[folder]-[name]-[local][emoji]'
+        localIdentName: `[folder]-[name]-[local][emoji]`
       }
     }
     // vue-modules rules
@@ -191,7 +191,7 @@ test('deprecate `css.modules` option', () => {
       importLoaders: 2, // with postcss-loader
       sourceMap: false,
       modules: {
-        localIdentName: '[folder]-[name]-[local][emoji]'
+        localIdentName: `[folder]-[name]-[local][emoji]`
       }
     }
     // vue-modules rules
@@ -228,7 +228,7 @@ test('favor `css.requireModuleExtension` over `css.modules`', () => {
       importLoaders: 2, // with postcss-loader
       sourceMap: false,
       modules: {
-        localIdentName: '[folder]-[name]-[local][emoji]'
+        localIdentName: `[folder]-[name]-[local][emoji]`
       }
     }
     // vue-modules rules
diff --git a/packages/@vue/cli-service/__tests__/generator.spec.js b/packages/@vue/cli-service/__tests__/generator.spec.js
index 8e97af9827..2fba9353dc 100644
--- a/packages/@vue/cli-service/__tests__/generator.spec.js
+++ b/packages/@vue/cli-service/__tests__/generator.spec.js
@@ -36,7 +36,7 @@ test('Vue 3', async () => {
   expect(pkg.dependencies.vue).toMatch('^3')
   expect(pkg).toHaveProperty(['devDependencies', '@vue/compiler-sfc'])
 
-  expect(files['src/main.js']).toMatch('import { createApp } from \'vue\'')
+  expect(files['src/main.js']).toMatch(`import { createApp } from 'vue'`)
 
   expect(files['src/App.vue']).not.toMatch('<div id="app">')
 })
diff --git a/packages/@vue/cli-service/__tests__/modernMode.spec.js b/packages/@vue/cli-service/__tests__/modernMode.spec.js
index 303c9ce80c..1542e2486a 100644
--- a/packages/@vue/cli-service/__tests__/modernMode.spec.js
+++ b/packages/@vue/cli-service/__tests__/modernMode.spec.js
@@ -48,7 +48,7 @@ test('modern mode', async () => {
   expect(index).toMatch(`<script>${safariFix}</script>`)
 
   // Test crossorigin="use-credentials"
-  await project.write('vue.config.js', 'module.exports = { crossorigin: \'use-credentials\' }')
+  await project.write('vue.config.js', `module.exports = { crossorigin: 'use-credentials' }`)
   const { stdout: stdout2 } = await project.run('vue-cli-service build --modern')
   expect(stdout2).toMatch('Build complete.')
   const index2 = await project.read('dist/index.html')
diff --git a/packages/@vue/cli-service/__tests__/multiPage.spec.js b/packages/@vue/cli-service/__tests__/multiPage.spec.js
index 7b4c23861b..441fe07537 100644
--- a/packages/@vue/cli-service/__tests__/multiPage.spec.js
+++ b/packages/@vue/cli-service/__tests__/multiPage.spec.js
@@ -55,8 +55,8 @@ async function makeProjectMultiPage (project) {
   `)
   const app = await project.read('src/App.vue')
   await project.write('src/App.vue', app.replace(
-    'import HelloWorld from \'./components/HelloWorld.vue\'',
-    'const HelloWorld = () => import(\'./components/HelloWorld.vue\')'
+    `import HelloWorld from './components/HelloWorld.vue'`,
+    `const HelloWorld = () => import('./components/HelloWorld.vue')`
   ))
 }
 
@@ -68,22 +68,22 @@ test('serve w/ multi page', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ page, url, helpers }) => {
-      expect(await helpers.getText('h1')).toMatch('Welcome to Your Vue.js App')
+      expect(await helpers.getText('h1')).toMatch(`Welcome to Your Vue.js App`)
 
       await page.goto(`${url}/foo.html`)
-      expect(await helpers.getText('h1')).toMatch('Foo')
+      expect(await helpers.getText('h1')).toMatch(`Foo`)
 
       await page.goto(`${url}/bar.html`)
-      expect(await helpers.getText('h1')).toMatch('Welcome to Your Vue.js App')
+      expect(await helpers.getText('h1')).toMatch(`Welcome to Your Vue.js App`)
 
       await page.goto(`${url}foo`)
-      expect(await helpers.getText('h1')).toMatch('Foo')
+      expect(await helpers.getText('h1')).toMatch(`Foo`)
 
       await page.goto(`${url}bar`)
-      expect(await helpers.getText('h1')).toMatch('Welcome to Your Vue.js App')
+      expect(await helpers.getText('h1')).toMatch(`Welcome to Your Vue.js App`)
 
       await page.goto(`${url}foobar`)
-      expect(await helpers.getText('h1')).toMatch('FooBar')
+      expect(await helpers.getText('h1')).toMatch(`FooBar`)
     }
   )
 })
diff --git a/packages/@vue/cli-service/__tests__/proxy.spec.js b/packages/@vue/cli-service/__tests__/proxy.spec.js
index 7b99120ffb..cbaff7f9df 100644
--- a/packages/@vue/cli-service/__tests__/proxy.spec.js
+++ b/packages/@vue/cli-service/__tests__/proxy.spec.js
@@ -11,13 +11,13 @@ let mockServer2
 
 beforeAll(done => {
   mockServer1 = createJSONServer({
-    posts: [
-      { id: 1, title: 'server-one', author: 'typicode' }
+    'posts': [
+      { 'id': 1, 'title': 'server-one', 'author': 'typicode' }
     ]
   }).listen(3000, () => {
     mockServer2 = createJSONServer({
-      posts: [
-        { id: 1, title: 'server-two', author: 'typicode' }
+      'posts': [
+        { 'id': 1, 'title': 'server-two', 'author': 'typicode' }
       ]
     }).listen(3001, done)
   })
diff --git a/packages/@vue/cli-service/__tests__/serve.spec.js b/packages/@vue/cli-service/__tests__/serve.spec.js
index 2003c7e894..6eaa11926d 100644
--- a/packages/@vue/cli-service/__tests__/serve.spec.js
+++ b/packages/@vue/cli-service/__tests__/serve.spec.js
@@ -13,12 +13,12 @@ test('serve', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ page, nextUpdate, helpers }) => {
-      const msg = 'Welcome to Your Vue.js App'
+      const msg = `Welcome to Your Vue.js App`
       expect(await helpers.getText('h1')).toMatch(msg)
 
       // test hot reload
-      const file = await project.read('src/App.vue')
-      project.write('src/App.vue', file.replace(msg, 'Updated'))
+      const file = await project.read(`src/App.vue`)
+      project.write(`src/App.vue`, file.replace(msg, `Updated`))
       await nextUpdate() // wait for child stdout update signal
       try {
         await page.waitForFunction(selector => {
@@ -47,14 +47,14 @@ test('serve with router', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ page, helpers }) => {
-      expect(await helpers.getText('h1')).toMatch('Welcome to Your Vue.js App')
+      expect(await helpers.getText('h1')).toMatch(`Welcome to Your Vue.js App`)
       expect(await helpers.hasElement('#nav')).toBe(true)
       expect(await helpers.hasClass('a[href="#/"]', 'router-link-exact-active')).toBe(true)
       expect(await helpers.hasClass('a[href="#/about"]', 'router-link-exact-active')).toBe(false)
 
       await page.click('a[href="#/about"]')
       await sleep(1000)
-      expect(await helpers.getText('h1')).toMatch('This is an about page')
+      expect(await helpers.getText('h1')).toMatch(`This is an about page`)
       expect(await helpers.hasElement('#nav')).toBe(true)
       expect(await helpers.hasClass('a[href="#/"]', 'router-link-exact-active')).toBe(false)
       expect(await helpers.hasClass('a[href="#/about"]', 'router-link-exact-active')).toBe(true)
@@ -71,14 +71,14 @@ test('serve with legacy router option', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ page, helpers }) => {
-      expect(await helpers.getText('h1')).toMatch('Welcome to Your Vue.js App')
+      expect(await helpers.getText('h1')).toMatch(`Welcome to Your Vue.js App`)
       expect(await helpers.hasElement('#nav')).toBe(true)
       expect(await helpers.hasClass('a[href="/"]', 'router-link-exact-active')).toBe(true)
       expect(await helpers.hasClass('a[href="/about"]', 'router-link-exact-active')).toBe(false)
 
       await page.click('a[href="/about"]')
       await sleep(1000)
-      expect(await helpers.getText('h1')).toMatch('This is an about page')
+      expect(await helpers.getText('h1')).toMatch(`This is an about page`)
       expect(await helpers.hasElement('#nav')).toBe(true)
       expect(await helpers.hasClass('a[href="/"]', 'router-link-exact-active')).toBe(false)
       expect(await helpers.hasClass('a[href="/about"]', 'router-link-exact-active')).toBe(true)
@@ -94,7 +94,7 @@ test('serve with legacy vuex option', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ page, helpers }) => {
-      expect(await helpers.getText('h1')).toMatch('Welcome to Your Vue.js App')
+      expect(await helpers.getText('h1')).toMatch(`Welcome to Your Vue.js App`)
     }
   )
 })
@@ -110,12 +110,12 @@ test('serve with inline entry', async () => {
   await serve(
     () => project.run('vue-cli-service serve src/index.js'),
     async ({ page, nextUpdate, helpers }) => {
-      const msg = 'Welcome to Your Vue.js App'
+      const msg = `Welcome to Your Vue.js App`
       expect(await helpers.getText('h1')).toMatch(msg)
 
       // test hot reload
-      const file = await project.read('src/App.vue')
-      project.write('src/App.vue', file.replace(msg, 'Updated'))
+      const file = await project.read(`src/App.vue`)
+      project.write(`src/App.vue`, file.replace(msg, `Updated`))
       await nextUpdate() // wait for child stdout update signal
       try {
         await page.waitForFunction(selector => {
@@ -143,12 +143,12 @@ test('serve with no public dir', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ page, nextUpdate, helpers }) => {
-      const msg = 'Welcome to Your Vue.js App'
+      const msg = `Welcome to Your Vue.js App`
       expect(await helpers.getText('h1')).toMatch(msg)
 
       // test hot reload
-      const file = await project.read('src/App.vue')
-      project.write('src/App.vue', file.replace(msg, 'Updated'))
+      const file = await project.read(`src/App.vue`)
+      project.write(`src/App.vue`, file.replace(msg, `Updated`))
       await nextUpdate() // wait for child stdout update signal
       try {
         await page.waitForFunction(selector => {
@@ -185,7 +185,7 @@ test('use a single websocket connection for HMR', async () => {
   await serve(
     () => project.run('vue-cli-service serve'),
     async ({ helpers, requestUrls }) => {
-      const msg = 'Welcome to Your Vue.js App'
+      const msg = `Welcome to Your Vue.js App`
       expect(await helpers.getText('h1')).toMatch(msg)
 
       expect(requestUrls.filter(url => url.includes('sockjs-node')).length).toBe(1)
diff --git a/packages/@vue/cli-service/__tests__/serveVue3.spec.js b/packages/@vue/cli-service/__tests__/serveVue3.spec.js
index 92a90360b2..1021497c22 100644
--- a/packages/@vue/cli-service/__tests__/serveVue3.spec.js
+++ b/packages/@vue/cli-service/__tests__/serveVue3.spec.js
@@ -11,13 +11,13 @@ test('serve with Vue 3', async () => {
   await serve(
     () => project.run('yarn serve'),
     async ({ page, nextUpdate, helpers }) => {
-      const msg = 'Welcome to Your Vue.js App'
+      const msg = `Welcome to Your Vue.js App`
       expect(await helpers.getText('h1')).toMatch(msg)
       expect(await page.evaluate(() => window.__VUE__)).toBeDefined()
 
       // test hot reload
-      const file = await project.read('src/App.vue')
-      project.write('src/App.vue', file.replace(msg, 'Updated'))
+      const file = await project.read(`src/App.vue`)
+      project.write(`src/App.vue`, file.replace(msg, `Updated`))
       await nextUpdate() // wait for child stdout update signal
       try {
         await page.waitForFunction(selector => {
diff --git a/packages/@vue/cli-service/generator/index.js b/packages/@vue/cli-service/generator/index.js
index 09a91efcb0..ef6705182f 100644
--- a/packages/@vue/cli-service/generator/index.js
+++ b/packages/@vue/cli-service/generator/index.js
@@ -6,7 +6,7 @@ module.exports = (api, options) => {
   if (options.vueVersion === '3') {
     api.extendPackage({
       dependencies: {
-        vue: '^3.0.4'
+        'vue': '^3.0.4'
       },
       devDependencies: {
         '@vue/compiler-sfc': '^3.0.4'
@@ -15,7 +15,7 @@ module.exports = (api, options) => {
   } else {
     api.extendPackage({
       dependencies: {
-        vue: '^2.6.11'
+        'vue': '^2.6.11'
       },
       devDependencies: {
         'vue-template-compiler': '^2.6.11'
@@ -25,8 +25,8 @@ module.exports = (api, options) => {
 
   api.extendPackage({
     scripts: {
-      serve: 'vue-cli-service serve',
-      build: 'vue-cli-service build'
+      'serve': 'vue-cli-service serve',
+      'build': 'vue-cli-service build'
     },
     browserslist: [
       '> 1%',
@@ -46,11 +46,11 @@ module.exports = (api, options) => {
         'sass-loader': '^8.0.2'
       },
       less: {
-        less: '^3.0.4',
+        'less': '^3.0.4',
         'less-loader': '^5.0.0'
       },
       stylus: {
-        stylus: '^0.54.8',
+        'stylus': '^0.54.8',
         'stylus-loader': '^4.3.1'
       }
     }
diff --git a/packages/@vue/cli-service/lib/Service.js b/packages/@vue/cli-service/lib/Service.js
index 9d69613ff2..4fb59cd8a5 100644
--- a/packages/@vue/cli-service/lib/Service.js
+++ b/packages/@vue/cli-service/lib/Service.js
@@ -92,7 +92,7 @@ module.exports = class Service {
 
   loadEnv (mode) {
     const logger = debug('vue:env')
-    const basePath = path.resolve(this.context, `.env${mode ? `.${mode}` : ''}`)
+    const basePath = path.resolve(this.context, `.env${mode ? `.${mode}` : ``}`)
     const localPath = `${basePath}.local`
 
     const load = envPath => {
@@ -278,8 +278,8 @@ module.exports = class Service {
       config.output.publicPath !== this.projectOptions.publicPath
     ) {
       throw new Error(
-        'Do not modify webpack output.publicPath directly. ' +
-        'Use the "publicPath" option in vue.config.js instead.'
+        `Do not modify webpack output.publicPath directly. ` +
+        `Use the "publicPath" option in vue.config.js instead.`
       )
     }
 
@@ -354,8 +354,8 @@ module.exports = class Service {
     pkgConfig = this.pkg.vue
     if (pkgConfig && typeof pkgConfig !== 'object') {
       error(
-        `Error loading vue-cli config in ${chalk.bold('package.json')}: ` +
-        'the "vue" field should be an object.'
+        `Error loading vue-cli config in ${chalk.bold(`package.json`)}: ` +
+        `the "vue" field should be an object.`
       )
       pkgConfig = null
     }
@@ -363,12 +363,12 @@ module.exports = class Service {
     if (fileConfig) {
       if (pkgConfig) {
         warn(
-          '"vue" field in package.json ignored ' +
+          `"vue" field in package.json ignored ` +
           `due to presence of ${chalk.bold('vue.config.js')}.`
         )
         warn(
           `You should migrate it into ${chalk.bold('vue.config.js')} ` +
-          'and remove it from package.json.'
+          `and remove it from package.json.`
         )
       }
       resolved = fileConfig
@@ -385,12 +385,12 @@ module.exports = class Service {
       if (typeof resolved.css.requireModuleExtension !== 'undefined') {
         warn(
           `You have set both "css.modules" and "css.requireModuleExtension" in ${chalk.bold('vue.config.js')}, ` +
-          '"css.modules" will be ignored in favor of "css.requireModuleExtension".'
+          `"css.modules" will be ignored in favor of "css.requireModuleExtension".`
         )
       } else {
         warn(
           `"css.modules" option in ${chalk.bold('vue.config.js')} ` +
-          'is deprecated now, please use "css.requireModuleExtension" instead.'
+          `is deprecated now, please use "css.requireModuleExtension" instead.`
         )
         resolved.css.requireModuleExtension = !resolved.css.modules
       }
diff --git a/packages/@vue/cli-service/lib/commands/build/formatStats.js b/packages/@vue/cli-service/lib/commands/build/formatStats.js
index be83e5e82b..a6dec9554f 100644
--- a/packages/@vue/cli-service/lib/commands/build/formatStats.js
+++ b/packages/@vue/cli-service/lib/commands/build/formatStats.js
@@ -55,18 +55,18 @@ module.exports = function formatStats (stats, dir, api) {
 
   ui.div(
     makeRow(
-      chalk.cyan.bold('File'),
-      chalk.cyan.bold('Size'),
-      chalk.cyan.bold('Gzipped')
-    ) + '\n\n' +
+      chalk.cyan.bold(`File`),
+      chalk.cyan.bold(`Size`),
+      chalk.cyan.bold(`Gzipped`)
+    ) + `\n\n` +
     assets.map(asset => makeRow(
       /js$/.test(asset.name)
         ? chalk.green(path.join(dir, asset.name))
         : chalk.blue(path.join(dir, asset.name)),
       formatSize(asset.size),
       getGzippedSize(asset)
-    )).join('\n')
+    )).join(`\n`)
   )
 
-  return `${ui.toString()}\n\n  ${chalk.gray('Images and other types of assets omitted.')}\n`
+  return `${ui.toString()}\n\n  ${chalk.gray(`Images and other types of assets omitted.`)}\n`
 }
diff --git a/packages/@vue/cli-service/lib/commands/build/index.js b/packages/@vue/cli-service/lib/commands/build/index.js
index 9a37a71043..7354731ec5 100644
--- a/packages/@vue/cli-service/lib/commands/build/index.js
+++ b/packages/@vue/cli-service/lib/commands/build/index.js
@@ -24,21 +24,21 @@ module.exports = (api, options) => {
     description: 'build for production',
     usage: 'vue-cli-service build [options] [entry|pattern]',
     options: {
-      '--mode': 'specify env mode (default: production)',
+      '--mode': `specify env mode (default: production)`,
       '--dest': `specify output directory (default: ${options.outputDir})`,
-      '--modern': 'build app targeting modern browsers with auto fallback',
-      '--no-unsafe-inline': 'build app without introducing inline scripts',
+      '--modern': `build app targeting modern browsers with auto fallback`,
+      '--no-unsafe-inline': `build app without introducing inline scripts`,
       '--target': `app | lib | wc | wc-async (default: ${defaults.target})`,
       '--inline-vue': 'include the Vue module in the final bundle of library or web component target',
       '--formats': `list of output formats for library builds (default: ${defaults.formats})`,
-      '--name': 'name for lib or web-component mode (default: "name" in package.json or entry filename)',
-      '--filename': 'file name for output, only usable for \'lib\' target (default: value of --name)',
-      '--no-clean': 'do not remove the dist directory before building the project',
-      '--report': 'generate report.html to help analyze bundle content',
+      '--name': `name for lib or web-component mode (default: "name" in package.json or entry filename)`,
+      '--filename': `file name for output, only usable for 'lib' target (default: value of --name)`,
+      '--no-clean': `do not remove the dist directory before building the project`,
+      '--report': `generate report.html to help analyze bundle content`,
       '--report-json': 'generate report.json to help analyze bundle content',
-      '--skip-plugins': 'comma-separated list of plugin names to skip for this run',
-      '--watch': 'watch for changes',
-      '--stdin': 'close when stdin ends'
+      '--skip-plugins': `comma-separated list of plugin names to skip for this run`,
+      '--watch': `watch for changes`,
+      '--stdin': `close when stdin ends`
     }
   }, async (args, rawArgs) => {
     for (const key in defaults) {
@@ -81,9 +81,9 @@ module.exports = (api, options) => {
       if (args.modern) {
         const { warn } = require('@vue/cli-shared-utils')
         warn(
-          'Modern mode only works with default target (app). ' +
-          'For libraries or web components, use the browserslist ' +
-          'config to specify target browsers.'
+          `Modern mode only works with default target (app). ` +
+          `For libraries or web components, use the browserslist ` +
+          `config to specify target browsers.`
         )
       }
       await build(args, api, options)
@@ -112,14 +112,14 @@ async function build (args, api, options) {
   if (args.target === 'app') {
     const bundleTag = args.modern
       ? args.modernBuild
-        ? 'modern bundle '
-        : 'legacy bundle '
-      : ''
+        ? `modern bundle `
+        : `legacy bundle `
+      : ``
     logWithSpinner(`Building ${bundleTag}for ${mode}...`)
   } else {
     const buildMode = buildModes[args.target]
     if (buildMode) {
-      const additionalParams = buildMode === 'library' ? ` (${args.formats})` : ''
+      const additionalParams = buildMode === 'library' ? ` (${args.formats})` : ``
       logWithSpinner(`Building for ${mode} as ${buildMode}${additionalParams}...`)
     } else {
       throw new Error(`Unknown build target: ${args.target}`)
@@ -216,9 +216,9 @@ async function build (args, api, options) {
         if (args.target === 'app' && !isLegacyBuild) {
           if (!args.watch) {
             done(`Build complete. The ${chalk.cyan(targetDirShort)} directory is ready to be deployed.`)
-            info(`Check out deployment instructions at ${chalk.cyan('https://cli.vuejs.org/guide/deployment.html')}\n`)
+            info(`Check out deployment instructions at ${chalk.cyan(`https://cli.vuejs.org/guide/deployment.html`)}\n`)
           } else {
-            done('Build complete. Watching for changes...')
+            done(`Build complete. Watching for changes...`)
           }
         }
       }
diff --git a/packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js b/packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js
index 552f7f3c2b..cea6a23f0b 100644
--- a/packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js
+++ b/packages/@vue/cli-service/lib/commands/build/resolveLibConfig.js
@@ -13,8 +13,8 @@ module.exports = (api, { entry, name, formats, filename, 'inline-vue': inlineVue
 
   if (!fs.existsSync(fullEntryPath)) {
     abort(
-      `Failed to resolve lib entry: ${entry}${entry === 'src/App.vue' ? ' (default)' : ''}. ` +
-      'Make sure to specify the correct entry file.'
+      `Failed to resolve lib entry: ${entry}${entry === `src/App.vue` ? ' (default)' : ''}. ` +
+      `Make sure to specify the correct entry file.`
     )
   }
 
@@ -119,7 +119,7 @@ module.exports = (api, { entry, name, formats, filename, 'inline-vue': inlineVue
       // libraryTarget: 'esm' or target: 'universal'
       // https://github.com/webpack/webpack/issues/6522
       // https://github.com/webpack/webpack/issues/6525
-      globalObject: '(typeof self !== \'undefined\' ? self : this)'
+      globalObject: `(typeof self !== 'undefined' ? self : this)`
     }, rawConfig.output, {
       filename: `${entryName}.js`,
       chunkFilename: `${entryName}.[name].js`,
diff --git a/packages/@vue/cli-service/lib/commands/build/resolveWcConfig.js b/packages/@vue/cli-service/lib/commands/build/resolveWcConfig.js
index ef2daacbce..037e88c717 100644
--- a/packages/@vue/cli-service/lib/commands/build/resolveWcConfig.js
+++ b/packages/@vue/cli-service/lib/commands/build/resolveWcConfig.js
@@ -17,7 +17,7 @@ module.exports = (api, { target, entry, name, 'inline-vue': inlineVue }) => {
   const webpackMajor = semver.major(webpack.version)
   const vueMajor = require('../../util/getVueMajor')(cwd)
   if (vueMajor === 3) {
-    abort('Vue 3 support of the web component target is still under development.')
+    abort(`Vue 3 support of the web component target is still under development.`)
   }
 
   const isAsync = /async/.test(target)
@@ -35,13 +35,13 @@ module.exports = (api, { target, entry, name, 'inline-vue': inlineVue }) => {
     libName = name || fileToComponentName('', resolvedFiles[0]).kebabName
     prefix = ''
     if (libName.indexOf('-') < 0) {
-      abort('--name must contain a hyphen when building a single web component.')
+      abort(`--name must contain a hyphen when building a single web component.`)
     }
   } else {
     // multi mode
     libName = prefix = (name || api.service.pkg.name)
     if (!libName) {
-      abort('--name is required when building multiple web components.')
+      abort(`--name is required when building multiple web components.`)
     }
   }
 
@@ -86,7 +86,7 @@ module.exports = (api, { target, entry, name, 'inline-vue': inlineVue }) => {
       config
         .plugin('demo-html')
           .use(require('html-webpack-plugin'), [{
-            template: path.resolve(__dirname, './demo-wc.html'),
+            template: path.resolve(__dirname, `./demo-wc.html`),
             inject: false,
             filename: 'demo.html',
             libName,
@@ -115,14 +115,14 @@ module.exports = (api, { target, entry, name, 'inline-vue': inlineVue }) => {
       { ...(inlineVue || { vue: 'Vue' }) }
     ].filter(Boolean)
 
-    const entryName = `${libName}${minify ? '.min' : ''}`
+    const entryName = `${libName}${minify ? `.min` : ``}`
     rawConfig.entry = {
       [entryName]: dynamicEntry.filePath
     }
 
     Object.assign(rawConfig.output, {
       filename: `${entryName}.js`,
-      chunkFilename: `${libName}.[name]${minify ? '.min' : ''}.js`,
+      chunkFilename: `${libName}.[name]${minify ? `.min` : ``}.js`,
       // use dynamic publicPath so this can be deployed anywhere
       // the actual path will be determined at runtime by checking
       // document.currentScript.src.
diff --git a/packages/@vue/cli-service/lib/commands/build/resolveWcEntry.js b/packages/@vue/cli-service/lib/commands/build/resolveWcEntry.js
index 04b30ba29f..21c640488e 100644
--- a/packages/@vue/cli-service/lib/commands/build/resolveWcEntry.js
+++ b/packages/@vue/cli-service/lib/commands/build/resolveWcEntry.js
@@ -29,7 +29,7 @@ const createElement = (prefix, component, file, isAsync) => {
 exports.fileToComponentName = (prefix, file) => {
   const basename = path.basename(file).replace(/\.(jsx?|vue)$/, '')
   const camelName = camelize(basename)
-  const kebabName = `${prefix ? `${prefix}-` : ''}${hyphenate(basename)}`
+  const kebabName = `${prefix ? `${prefix}-` : ``}${hyphenate(basename)}`
   return {
     basename,
     camelName,
diff --git a/packages/@vue/cli-service/lib/commands/help.js b/packages/@vue/cli-service/lib/commands/help.js
index 7c1b22942a..f649885d7c 100644
--- a/packages/@vue/cli-service/lib/commands/help.js
+++ b/packages/@vue/cli-service/lib/commands/help.js
@@ -13,8 +13,8 @@ module.exports = (api, options) => {
 
   function logMainHelp () {
     console.log(
-      '\n  Usage: vue-cli-service <command> [options]\n' +
-      '\n  Commands:\n'
+      `\n  Usage: vue-cli-service <command> [options]\n` +
+      `\n  Commands:\n`
     )
     const commands = api.service.commands
     const padLength = getPadLength(commands)
@@ -29,7 +29,7 @@ module.exports = (api, options) => {
       }
     }
     console.log(`\n  run ${
-      chalk.green('vue-cli-service help [command]')
+      chalk.green(`vue-cli-service help [command]`)
     } for usage of a specific command.\n`)
   }
 
@@ -42,7 +42,7 @@ module.exports = (api, options) => {
         console.log(`\n  Usage: ${opts.usage}`)
       }
       if (opts.options) {
-        console.log('\n  Options:\n')
+        console.log(`\n  Options:\n`)
         const padLength = getPadLength(opts.options)
         for (const [flags, description] of Object.entries(opts.options)) {
           console.log(`    ${
diff --git a/packages/@vue/cli-service/lib/commands/serve.js b/packages/@vue/cli-service/lib/commands/serve.js
index 514b00abe0..6d0903ce31 100644
--- a/packages/@vue/cli-service/lib/commands/serve.js
+++ b/packages/@vue/cli-service/lib/commands/serve.js
@@ -18,15 +18,15 @@ module.exports = (api, options) => {
     description: 'start development server',
     usage: 'vue-cli-service serve [options] [entry]',
     options: {
-      '--open': 'open browser on server start',
-      '--copy': 'copy url to clipboard on server start',
-      '--stdin': 'close when stdin ends',
-      '--mode': 'specify env mode (default: development)',
+      '--open': `open browser on server start`,
+      '--copy': `copy url to clipboard on server start`,
+      '--stdin': `close when stdin ends`,
+      '--mode': `specify env mode (default: development)`,
       '--host': `specify host (default: ${defaults.host})`,
       '--port': `specify port (default: ${defaults.port})`,
       '--https': `use https (default: ${defaults.https})`,
-      '--public': 'specify the public network URL for the HMR client',
-      '--skip-plugins': 'comma-separated list of plugin names to skip for this run'
+      '--public': `specify the public network URL for the HMR client`,
+      '--skip-plugins': `comma-separated list of plugin names to skip for this run`
     }
   }, async function serve (args) {
     info('Starting development server...')
@@ -61,7 +61,7 @@ module.exports = (api, options) => {
         // https://github.com/vuejs/vue-cli/issues/3539
         webpackConfig
           .output
-            .globalObject('(typeof self !== \'undefined\' ? self : this)')
+            .globalObject(`(typeof self !== 'undefined' ? self : this)`)
 
         if (!process.env.VUE_CLI_TEST && options.devServer.progress !== false) {
           webpackConfig
@@ -136,16 +136,16 @@ module.exports = (api, options) => {
         : isInContainer
           // can't infer public network url if inside a container...
           // use client-side inference (note this would break with non-root publicPath)
-          ? ''
+          ? ``
           // otherwise infer the url
-          : '?' + url.format({
+          : `?` + url.format({
             protocol,
             port,
             hostname: urls.lanUrlForConfig || 'localhost'
           }) + `&sockPath=${sockPath}`
       const devClients = [
         // dev server client
-        require.resolve('webpack-dev-server/client') + sockjsUrl,
+        require.resolve(`webpack-dev-server/client`) + sockjsUrl,
         // hmr client
         require.resolve(projectDevServerOptions.hotOnly
           ? 'webpack/hot/only-dev-server'
@@ -154,7 +154,7 @@ module.exports = (api, options) => {
         // `@vue/cli-overlay/dist/client`
       ]
       if (process.env.APPVEYOR) {
-        devClients.push('webpack/hot/poll?500')
+        devClients.push(`webpack/hot/poll?500`)
       }
       // inject dev/hot client
       addDevClientToEntry(webpackConfig, devClients)
@@ -195,8 +195,8 @@ module.exports = (api, options) => {
         // launch editor support.
         // this works with vue-devtools & @vue/cli-overlay
         app.use('/__open-in-editor', launchEditorMiddleware(() => console.log(
-          'To specify an editor, specify the EDITOR env variable or ' +
-          'add "editor" field to your Vue project config.\n'
+          `To specify an editor, specify the EDITOR env variable or ` +
+          `add "editor" field to your Vue project config.\n`
         )))
         // allow other plugins to register middlewares, e.g. PWA
         api.service.devServerConfigFns.forEach(fn => fn(app, server))
@@ -261,18 +261,18 @@ module.exports = (api, options) => {
           : urls.lanUrlForTerminal
 
         console.log()
-        console.log('  App running at:')
+        console.log(`  App running at:`)
         console.log(`  - Local:   ${chalk.cyan(urls.localUrlForTerminal)} ${copied}`)
         if (!isInContainer) {
           console.log(`  - Network: ${chalk.cyan(networkUrl)}`)
         } else {
           console.log()
-          console.log(chalk.yellow('  It seems you are running Vue CLI inside a container.'))
+          console.log(chalk.yellow(`  It seems you are running Vue CLI inside a container.`))
           if (!publicUrl && options.publicPath && options.publicPath !== '/') {
             console.log()
-            console.log(chalk.yellow('  Since you are using a non-root publicPath, the hot-reload socket'))
-            console.log(chalk.yellow('  will not be able to infer the correct URL to connect. You should'))
-            console.log(chalk.yellow(`  explicitly specify the URL via ${chalk.blue('devServer.public')}.`))
+            console.log(chalk.yellow(`  Since you are using a non-root publicPath, the hot-reload socket`))
+            console.log(chalk.yellow(`  will not be able to infer the correct URL to connect. You should`))
+            console.log(chalk.yellow(`  explicitly specify the URL via ${chalk.blue(`devServer.public`)}.`))
             console.log()
           }
           console.log(chalk.yellow(`  Access the dev server via ${chalk.cyan(
@@ -285,12 +285,12 @@ module.exports = (api, options) => {
           isFirstCompile = false
 
           if (!isProduction) {
-            const buildCommand = hasProjectYarn(api.getCwd()) ? 'yarn build' : hasProjectPnpm(api.getCwd()) ? 'pnpm run build' : 'npm run build'
-            console.log('  Note that the development build is not optimized.')
+            const buildCommand = hasProjectYarn(api.getCwd()) ? `yarn build` : hasProjectPnpm(api.getCwd()) ? `pnpm run build` : `npm run build`
+            console.log(`  Note that the development build is not optimized.`)
             console.log(`  To create a production build, run ${chalk.cyan(buildCommand)}.`)
           } else {
-            console.log('  App is served in production mode.')
-            console.log('  Note this is for preview or E2E testing only.')
+            console.log(`  App is served in production mode.`)
+            console.log(`  Note this is for preview or E2E testing only.`)
           }
           console.log()
 
@@ -351,8 +351,8 @@ function checkInContainer () {
     return true
   }
   const fs = require('fs')
-  if (fs.existsSync('/proc/1/cgroup')) {
-    const content = fs.readFileSync('/proc/1/cgroup', 'utf-8')
+  if (fs.existsSync(`/proc/1/cgroup`)) {
+    const content = fs.readFileSync(`/proc/1/cgroup`, 'utf-8')
     return /:\/(lxc|docker|kubepods(\.slice)?)\//.test(content)
   }
 }
diff --git a/packages/@vue/cli-service/lib/config/app.js b/packages/@vue/cli-service/lib/config/app.js
index 4104ec048e..ad5d9aa758 100644
--- a/packages/@vue/cli-service/lib/config/app.js
+++ b/packages/@vue/cli-service/lib/config/app.js
@@ -30,7 +30,7 @@ module.exports = (api, options) => {
     const getAssetPath = require('../util/getAssetPath')
     const outputFilename = getAssetPath(
       options,
-      `js/[name]${isLegacyBundle ? '-legacy' : ''}${isProd && options.filenameHashing ? '.[contenthash:8]' : ''}.js`
+      `js/[name]${isLegacyBundle ? `-legacy` : ``}${isProd && options.filenameHashing ? '.[contenthash:8]' : ''}.js`
     )
     webpackConfig
       .output
@@ -43,13 +43,13 @@ module.exports = (api, options) => {
         webpackConfig.optimization.splitChunks({
           cacheGroups: {
             vendors: {
-              name: 'chunk-vendors',
+              name: `chunk-vendors`,
               test: /[\\/]node_modules[\\/]/,
               priority: -10,
               chunks: 'initial'
             },
             common: {
-              name: 'chunk-common',
+              name: `chunk-common`,
               minChunks: 2,
               priority: -20,
               chunks: 'initial',
@@ -61,13 +61,13 @@ module.exports = (api, options) => {
         webpackConfig.optimization.splitChunks({
           cacheGroups: {
             defaultVendors: {
-              name: 'chunk-vendors',
+              name: `chunk-vendors`,
               test: /[\\/]node_modules[\\/]/,
               priority: -10,
               chunks: 'initial'
             },
             common: {
-              name: 'chunk-common',
+              name: `chunk-common`,
               minChunks: 2,
               priority: -20,
               chunks: 'initial',
@@ -129,7 +129,7 @@ module.exports = (api, options) => {
             const joinedHash = hash(
               Array.from(chunk.modulesIterable, m => m.id).join('_')
             )
-            return 'chunk-' + joinedHash
+            return `chunk-` + joinedHash
           }])
     }
 
diff --git a/packages/@vue/cli-service/lib/util/checkWebpack.js b/packages/@vue/cli-service/lib/util/checkWebpack.js
index a754bf2cd1..aab5d83c11 100644
--- a/packages/@vue/cli-service/lib/util/checkWebpack.js
+++ b/packages/@vue/cli-service/lib/util/checkWebpack.js
@@ -52,7 +52,7 @@ module.exports = function checkWebpack (cwd) {
     // Because many uses runtime sniffing to run conditional code for different webpack versions.
     if (customWebpackVersion !== requiredWebpackVersion) {
       // TODO: recommend users to use yarn force resolutions or pnpm hooks instead
-      warn('Using "module-alias" to load custom webpack version.')
+      warn(`Using "module-alias" to load custom webpack version.`)
 
       const webpack4Path = path.dirname(resolveModule('webpack/package.json', cwd))
       moduleAlias.addAlias('webpack', (fromPath, request) => {
diff --git a/packages/@vue/cli-service/lib/util/resolveLoaderError.js b/packages/@vue/cli-service/lib/util/resolveLoaderError.js
index b19bb41271..ba037a067e 100644
--- a/packages/@vue/cli-service/lib/util/resolveLoaderError.js
+++ b/packages/@vue/cli-service/lib/util/resolveLoaderError.js
@@ -6,7 +6,7 @@ const rules = [
     re: /Can't resolve '(.*loader)'/,
     msg: (e, match) => (
       `Failed to resolve loader: ${chalk.yellow(match[1])}\n` +
-      'You may need to install it.'
+      `You may need to install it.`
     )
   }
 ]
diff --git a/packages/@vue/cli-service/lib/util/validateWebpackConfig.js b/packages/@vue/cli-service/lib/util/validateWebpackConfig.js
index f94a84e0a0..dc61dce76b 100644
--- a/packages/@vue/cli-service/lib/util/validateWebpackConfig.js
+++ b/packages/@vue/cli-service/lib/util/validateWebpackConfig.js
@@ -15,24 +15,24 @@ module.exports = function validateWebpackConfig (
     // this is not supported because there's no way for us to give copy
     // plugin the correct value this way.
     throw new Error(
-      '\n\nConfiguration Error: ' +
-      'Avoid modifying webpack output.path directly. ' +
-      'Use the "outputDir" option instead.\n'
+      `\n\nConfiguration Error: ` +
+      `Avoid modifying webpack output.path directly. ` +
+      `Use the "outputDir" option instead.\n`
     )
   }
 
   if (actualTargetDir === api.service.context) {
     throw new Error(
-      '\n\nConfiguration Error: ' +
-      'Do not set output directory to project root.\n'
+      `\n\nConfiguration Error: ` +
+      `Do not set output directory to project root.\n`
     )
   }
 
   if (target === 'app' && singleConfig.output.publicPath !== options.publicPath) {
     throw new Error(
-      '\n\nConfiguration Error: ' +
-      'Avoid modifying webpack output.publicPath directly. ' +
-      'Use the "publicPath" option instead.\n'
+      `\n\nConfiguration Error: ` +
+      `Avoid modifying webpack output.publicPath directly. ` +
+      `Use the "publicPath" option instead.\n`
     )
   }
 }
diff --git a/packages/@vue/cli-service/lib/webpack/CorsPlugin.js b/packages/@vue/cli-service/lib/webpack/CorsPlugin.js
index e199a4cf33..9cd317678b 100644
--- a/packages/@vue/cli-service/lib/webpack/CorsPlugin.js
+++ b/packages/@vue/cli-service/lib/webpack/CorsPlugin.js
@@ -8,7 +8,7 @@ module.exports = class CorsPlugin {
   }
 
   apply (compiler) {
-    const ID = 'vue-cli-cors-plugin'
+    const ID = `vue-cli-cors-plugin`
     compiler.hooks.compilation.tap(ID, compilation => {
       const ssri = require('ssri')
 
diff --git a/packages/@vue/cli-service/lib/webpack/ModernModePlugin.js b/packages/@vue/cli-service/lib/webpack/ModernModePlugin.js
index b3cb55c12e..874b361338 100644
--- a/packages/@vue/cli-service/lib/webpack/ModernModePlugin.js
+++ b/packages/@vue/cli-service/lib/webpack/ModernModePlugin.js
@@ -3,7 +3,7 @@ const path = require('path')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
 
 // https://gist.github.com/samthor/64b114e4a4f539915a95b91ffd340acc
-const safariFix = '!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();'
+const safariFix = `!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()},!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();`
 
 class ModernModePlugin {
   constructor ({ targetDir, isModernBuild, unsafeInline, jsDirectory }) {
@@ -22,7 +22,7 @@ class ModernModePlugin {
   }
 
   applyLegacy (compiler) {
-    const ID = 'vue-cli-legacy-bundle'
+    const ID = `vue-cli-legacy-bundle`
     compiler.hooks.compilation.tap(ID, compilation => {
       HtmlWebpackPlugin.getHooks(compilation).alterAssetTagGroups.tapAsync(ID, async (data, cb) => {
         // get stats, write to disk
@@ -39,7 +39,7 @@ class ModernModePlugin {
   }
 
   applyModern (compiler) {
-    const ID = 'vue-cli-modern-bundle'
+    const ID = `vue-cli-modern-bundle`
     compiler.hooks.compilation.tap(ID, compilation => {
       HtmlWebpackPlugin.getHooks(compilation).alterAssetTagGroups.tapAsync(ID, async (data, cb) => {
         // use <script type="module"> for modern assets
diff --git a/packages/@vue/cli-shared-utils/lib/env.js b/packages/@vue/cli-shared-utils/lib/env.js
index ce2b7273ce..d45616dee3 100644
--- a/packages/@vue/cli-shared-utils/lib/env.js
+++ b/packages/@vue/cli-shared-utils/lib/env.js
@@ -43,7 +43,7 @@ exports.hasProjectYarn = (cwd) => {
 }
 
 function checkYarn (result) {
-  if (result && !exports.hasYarn()) throw new Error('The project seems to require yarn but it\'s not installed.')
+  if (result && !exports.hasYarn()) throw new Error(`The project seems to require yarn but it's not installed.`)
   return result
 }
 
diff --git a/packages/@vue/cli-shared-utils/lib/launch.js b/packages/@vue/cli-shared-utils/lib/launch.js
index 474b945beb..f3ec8474ff 100644
--- a/packages/@vue/cli-shared-utils/lib/launch.js
+++ b/packages/@vue/cli-shared-utils/lib/launch.js
@@ -9,7 +9,7 @@ exports.launch = (...args) => {
   }
   launch(...args, (fileName, errorMessage) => {
     console.error(`Unable to open '${fileName}'`, errorMessage)
-    console.log('Try setting the EDITOR env variable. More info: https://github.com/yyx990803/launch-editor')
+    console.log(`Try setting the EDITOR env variable. More info: https://github.com/yyx990803/launch-editor`)
 
     if (cb) cb(fileName, errorMessage)
   })
diff --git a/packages/@vue/cli-shared-utils/lib/module.js b/packages/@vue/cli-shared-utils/lib/module.js
index ec3d530ea2..c5f1953fbd 100644
--- a/packages/@vue/cli-shared-utils/lib/module.js
+++ b/packages/@vue/cli-shared-utils/lib/module.js
@@ -13,7 +13,7 @@ const createRequire = Module.createRequire || Module.createRequireFromPath || fu
   mod.filename = filename
   mod.paths = Module._nodeModulePaths(path.dirname(filename))
 
-  mod._compile('module.exports = require;', filename)
+  mod._compile(`module.exports = require;`, filename)
 
   return mod.exports
 }
diff --git a/packages/@vue/cli-shared-utils/lib/pluginResolution.js b/packages/@vue/cli-shared-utils/lib/pluginResolution.js
index 469428eb49..8d112c49c1 100644
--- a/packages/@vue/cli-shared-utils/lib/pluginResolution.js
+++ b/packages/@vue/cli-shared-utils/lib/pluginResolution.js
@@ -44,7 +44,7 @@ exports.resolvePluginId = id => {
     if (scopeMatch) {
       const scope = scopeMatch[0]
       const shortId = id.replace(scopeRE, '')
-      return `${scope}${scope === '@vue/' ? '' : 'vue-'}cli-plugin-${shortId}`
+      return `${scope}${scope === '@vue/' ? `` : `vue-`}cli-plugin-${shortId}`
     }
   }
   // default short
@@ -77,6 +77,6 @@ exports.getPluginLink = id => {
   return (
     pkg.homepage ||
     (pkg.repository && pkg.repository.url) ||
-    `https://www.npmjs.com/package/${id.replace('/', '%2F')}`
+    `https://www.npmjs.com/package/${id.replace(`/`, `%2F`)}`
   )
 }
diff --git a/packages/@vue/cli-test-utils/createJSONServer.js b/packages/@vue/cli-test-utils/createJSONServer.js
index f0824df3d9..ca4d5f3683 100644
--- a/packages/@vue/cli-test-utils/createJSONServer.js
+++ b/packages/@vue/cli-test-utils/createJSONServer.js
@@ -1,13 +1,13 @@
 const jsonServer = require('json-server')
 
 const defaultData = () => ({
-  posts: [
-    { id: 1, title: 'json-server', author: 'typicode' }
+  'posts': [
+    { 'id': 1, 'title': 'json-server', 'author': 'typicode' }
   ],
-  comments: [
-    { id: 1, body: 'some comment', postId: 1 }
+  'comments': [
+    { 'id': 1, 'body': 'some comment', 'postId': 1 }
   ],
-  profile: { name: 'typicode' }
+  'profile': { 'name': 'typicode' }
 })
 
 module.exports = function createJSONServer (data = defaultData()) {
diff --git a/packages/@vue/cli/__tests__/Generator.spec.js b/packages/@vue/cli/__tests__/Generator.spec.js
index d1ba078163..6489dbb13d 100644
--- a/packages/@vue/cli/__tests__/Generator.spec.js
+++ b/packages/@vue/cli/__tests__/Generator.spec.js
@@ -22,8 +22,8 @@ new Vue({
   render: h => h(App)
 }).$mount('#app')
 `.trim())
-fs.writeFileSync(path.resolve(templateDir, 'empty-entry.js'), ';')
-fs.writeFileSync(path.resolve(templateDir, 'main.ts'), 'const a: string = \'hello\';')
+fs.writeFileSync(path.resolve(templateDir, 'empty-entry.js'), `;`)
+fs.writeFileSync(path.resolve(templateDir, 'main.ts'), `const a: string = 'hello';`)
 fs.writeFileSync(path.resolve(templateDir, 'hello.vue'), `
 <template>
   <p>Hello, {{ msg }}</p>
@@ -70,7 +70,7 @@ qux($1)
 
 // dotfile stubs
 fs.ensureDirSync(path.resolve(templateDir, '_vscode'))
-fs.writeFileSync(path.resolve(templateDir, '_vscode/config.json'), '{}')
+fs.writeFileSync(path.resolve(templateDir, '_vscode/config.json'), `{}`)
 fs.writeFileSync(path.resolve(templateDir, '_gitignore'), 'foo')
 
 beforeEach(() => {
@@ -150,26 +150,24 @@ test('api: extendPackage function', async () => {
 })
 
 test('api: extendPackage allow git, github, http, file version ranges', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.extendPackage({
-            dependencies: {
-              foo: 'git+ssh://git@github.com:npm/npm.git#v1.0.27',
-              baz: 'git://github.com/npm/npm.git#v1.0.27',
-              bar: 'expressjs/express',
-              bad: 'mochajs/mocha#4727d357ea',
-              bac: 'http://asdf.com/asdf.tar.gz',
-              bae: 'file:../dyl',
-              'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:^1.0.0'
-            }
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.extendPackage({
+          dependencies: {
+            foo: 'git+ssh://git@github.com:npm/npm.git#v1.0.27',
+            baz: 'git://github.com/npm/npm.git#v1.0.27',
+            bar: 'expressjs/express',
+            bad: 'mochajs/mocha#4727d357ea',
+            bac: 'http://asdf.com/asdf.tar.gz',
+            bae: 'file:../dyl',
+            'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:^1.0.0'
+          }
+        })
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
 
@@ -188,32 +186,30 @@ test('api: extendPackage allow git, github, http, file version ranges', async ()
 })
 
 test('api: extendPackage merge nonstrictly semver deps', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.extendPackage({
-            dependencies: {
-              'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:1.0.0',
-              bar: 'expressjs/express'
-            }
-          })
-        }
-      },
-      {
-        id: 'test2',
-        apply: api => {
-          api.extendPackage({
-            dependencies: {
-              'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:1.2.0',
-              bar: 'expressjs/express'
-            }
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.extendPackage({
+          dependencies: {
+            'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:1.0.0',
+            bar: 'expressjs/express'
+          }
+        })
       }
-    ]
-  })
+    },
+    {
+      id: 'test2',
+      apply: api => {
+        api.extendPackage({
+          dependencies: {
+            'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:1.2.0',
+            bar: 'expressjs/express'
+          }
+        })
+      }
+    }
+  ] })
 
   await generator.generate()
 
@@ -227,32 +223,30 @@ test('api: extendPackage merge nonstrictly semver deps', async () => {
 })
 
 test('api: extendPackage merge dependencies', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test1',
-        apply: api => {
-          api.extendPackage({
-            dependencies: {
-              foo: '^1.1.0',
-              bar: '^1.0.0'
-            }
-          })
-        }
-      },
-      {
-        id: 'test2',
-        apply: api => {
-          api.extendPackage({
-            dependencies: {
-              foo: '^1.0.0',
-              baz: '^1.0.0'
-            }
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test1',
+      apply: api => {
+        api.extendPackage({
+          dependencies: {
+            foo: '^1.1.0',
+            bar: '^1.0.0'
+          }
+        })
       }
-    ]
-  })
+    },
+    {
+      id: 'test2',
+      apply: api => {
+        api.extendPackage({
+          dependencies: {
+            foo: '^1.0.0',
+            baz: '^1.0.0'
+          }
+        })
+      }
+    }
+  ] })
 
   await generator.generate()
 
@@ -267,20 +261,18 @@ test('api: extendPackage merge dependencies', async () => {
 })
 
 test('api: warn invalid dep range', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test1',
-        apply: api => {
-          api.extendPackage({
-            dependencies: {
-              foo: 'foo'
-            }
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test1',
+      apply: api => {
+        api.extendPackage({
+          dependencies: {
+            foo: 'foo'
+          }
+        })
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
 
@@ -293,20 +285,18 @@ test('api: warn invalid dep range', async () => {
 })
 
 test('api: warn invalid dep range when non-string', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test1',
-        apply: api => {
-          api.extendPackage({
-            dependencies: {
-              foo: null
-            }
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test1',
+      apply: api => {
+        api.extendPackage({
+          dependencies: {
+            foo: null
+          }
+        })
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
 
@@ -319,30 +309,28 @@ test('api: warn invalid dep range when non-string', async () => {
 })
 
 test('api: extendPackage dependencies conflict', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test1',
-        apply: api => {
-          api.extendPackage({
-            dependencies: {
-              foo: '^1.0.0'
-            }
-          })
-        }
-      },
-      {
-        id: 'test2',
-        apply: api => {
-          api.extendPackage({
-            dependencies: {
-              foo: '^2.0.0'
-            }
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test1',
+      apply: api => {
+        api.extendPackage({
+          dependencies: {
+            foo: '^1.0.0'
+          }
+        })
       }
-    ]
-  })
+    },
+    {
+      id: 'test2',
+      apply: api => {
+        api.extendPackage({
+          dependencies: {
+            foo: '^2.0.0'
+          }
+        })
+      }
+    }
+  ] })
 
   await generator.generate()
 
@@ -357,30 +345,28 @@ test('api: extendPackage dependencies conflict', async () => {
 })
 
 test('api: extendPackage merge warn nonstrictly semver deps', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test3',
-        apply: api => {
-          api.extendPackage({
-            dependencies: {
-              bar: 'expressjs/express'
-            }
-          })
-        }
-      },
-      {
-        id: 'test4',
-        apply: api => {
-          api.extendPackage({
-            dependencies: {
-              bar: 'expressjs/express#1234'
-            }
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test3',
+      apply: api => {
+        api.extendPackage({
+          dependencies: {
+            bar: 'expressjs/express'
+          }
+        })
       }
-    ]
-  })
+    },
+    {
+      id: 'test4',
+      apply: api => {
+        api.extendPackage({
+          dependencies: {
+            bar: 'expressjs/express#1234'
+          }
+        })
+      }
+    }
+  ] })
 
   await generator.generate()
 
@@ -522,19 +508,17 @@ test('api: extendPackage + { warnIncompatibleVersions: false }', async () => {
 })
 
 test('api: render fs directory', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test1',
-        apply: api => {
-          api.render('./template', { m: 2 })
-        },
-        options: {
-          n: 1
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test1',
+      apply: api => {
+        api.render('./template', { m: 2 })
+      },
+      options: {
+        n: 1
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
 
@@ -549,43 +533,39 @@ test('api: render fs directory', async () => {
 
 // #4774
 test('api: call render inside an anonymous function', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test1',
-        apply: api => {
-          (() => {
-            api.render('./template', { m: 2 })
-          })()
-        },
-        options: {
-          n: 1
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test1',
+      apply: api => {
+        (() => {
+          api.render('./template', { m: 2 })
+        })()
+      },
+      options: {
+        n: 1
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
   expect(fs.readFileSync('/foo.js', 'utf-8')).toMatch('foo(1)')
 })
 
 test('api: render object', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test1',
-        apply: api => {
-          api.render({
-            'foo1.js': path.join(templateDir, 'foo.js'),
-            'bar/bar1.js': path.join(templateDir, 'bar/bar.js')
-          }, { m: 3 })
-        },
-        options: {
-          n: 2
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test1',
+      apply: api => {
+        api.render({
+          'foo1.js': path.join(templateDir, 'foo.js'),
+          'bar/bar1.js': path.join(templateDir, 'bar/bar.js')
+        }, { m: 3 })
+      },
+      options: {
+        n: 2
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
 
@@ -594,22 +574,20 @@ test('api: render object', async () => {
 })
 
 test('api: render middleware', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test1',
-        apply: (api, options) => {
-          api.render((files, render) => {
-            files['foo2.js'] = render('foo(<%- n %>)', options)
-            files['bar/bar2.js'] = render('bar(<%- n %>)', options)
-          })
-        },
-        options: {
-          n: 3
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test1',
+      apply: (api, options) => {
+        api.render((files, render) => {
+          files['foo2.js'] = render('foo(<%- n %>)', options)
+          files['bar/bar2.js'] = render('bar(<%- n %>)', options)
+        })
+      },
+      options: {
+        n: 3
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
 
@@ -619,28 +597,26 @@ test('api: render middleware', async () => {
 
 test('api: hasPlugin', () => {
   // eslint-disable-next-line no-new
-  new Generator('/', {
-    plugins: [
-      {
-        id: 'foo',
-        apply: api => {
-          expect(api.hasPlugin('foo')).toBe(true)
-          expect(api.hasPlugin('bar')).toBe(true)
-          expect(api.hasPlugin('baz')).toBe(true)
-          expect(api.hasPlugin('vue-cli-plugin-bar')).toBe(true)
-          expect(api.hasPlugin('@vue/cli-plugin-baz')).toBe(true)
-        }
-      },
-      {
-        id: 'vue-cli-plugin-bar',
-        apply: () => {}
-      },
-      {
-        id: '@vue/cli-plugin-baz',
-        apply: () => {}
+  new Generator('/', { plugins: [
+    {
+      id: 'foo',
+      apply: api => {
+        expect(api.hasPlugin('foo')).toBe(true)
+        expect(api.hasPlugin('bar')).toBe(true)
+        expect(api.hasPlugin('baz')).toBe(true)
+        expect(api.hasPlugin('vue-cli-plugin-bar')).toBe(true)
+        expect(api.hasPlugin('@vue/cli-plugin-baz')).toBe(true)
       }
-    ]
-  })
+    },
+    {
+      id: 'vue-cli-plugin-bar',
+      apply: () => {}
+    },
+    {
+      id: '@vue/cli-plugin-baz',
+      apply: () => {}
+    }
+  ] })
 })
 
 test('api: onCreateComplete', async () => {
@@ -685,33 +661,29 @@ test('api: afterInvoke', async () => {
 
 test('api: resolve', () => {
   // eslint-disable-next-line no-new
-  new Generator('/foo/bar', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          expect(api.resolve('baz')).toBe(path.resolve('/foo/bar', 'baz'))
-        }
+  new Generator('/foo/bar', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        expect(api.resolve('baz')).toBe(path.resolve('/foo/bar', 'baz'))
       }
-    ]
-  })
+    }
+  ] })
 })
 
 test('api: addEntryImport & addEntryInjection', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.injectImports('main.js', 'import bar from \'bar\'')
-          api.injectRootOptions('main.js', ['foo', 'bar'])
-          api.render({
-            'main.js': path.join(templateDir, 'entry.js')
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.injectImports('main.js', `import bar from 'bar'`)
+        api.injectRootOptions('main.js', ['foo', 'bar'])
+        api.render({
+          'main.js': path.join(templateDir, 'entry.js')
+        })
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/import foo from 'foo'\r?\nimport bar from 'bar'/)
@@ -719,77 +691,69 @@ test('api: addEntryImport & addEntryInjection', async () => {
 })
 
 test('api: injectImports to empty file', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.injectImports('main.js', 'import foo from \'foo\'')
-          api.injectImports('main.js', 'import bar from \'bar\'')
-          api.render({
-            'main.js': path.join(templateDir, 'empty-entry.js')
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.injectImports('main.js', `import foo from 'foo'`)
+        api.injectImports('main.js', `import bar from 'bar'`)
+        api.render({
+          'main.js': path.join(templateDir, 'empty-entry.js')
+        })
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/import foo from 'foo'\r?\nimport bar from 'bar'/)
 })
 
 test('api: injectImports to typescript file', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.injectImports('main.ts', 'import foo from \'foo\'')
-          api.render({
-            'main.ts': path.join(templateDir, 'main.ts')
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.injectImports('main.ts', `import foo from 'foo'`)
+        api.render({
+          'main.ts': path.join(templateDir, 'main.ts')
+        })
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
   expect(fs.readFileSync('/main.ts', 'utf-8')).toMatch(/import foo from 'foo'/)
 })
 
 test('api: addEntryDuplicateImport', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.injectImports('main.js', 'import foo from \'foo\'')
-          api.render({
-            'main.js': path.join(templateDir, 'entry.js')
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.injectImports('main.js', `import foo from 'foo'`)
+        api.render({
+          'main.js': path.join(templateDir, 'entry.js')
+        })
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/^import foo from 'foo'\s+new Vue/)
 })
 
 test('api: injectImport for .vue files', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.injectImports('hello.vue', 'import foo from \'foo\'')
-          api.render({
-            'hello.vue': path.join(templateDir, 'hello.vue')
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.injectImports('hello.vue', `import foo from 'foo'`)
+        api.render({
+          'hello.vue': path.join(templateDir, 'hello.vue')
+        })
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
   const content = fs.readFileSync('/hello.vue', 'utf-8')
@@ -798,38 +762,34 @@ test('api: injectImport for .vue files', async () => {
 })
 
 test('api: addEntryDuplicateInjection', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.injectRootOptions('main.js', 'baz')
-          api.render({
-            'main.js': path.join(templateDir, 'entry.js')
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.injectRootOptions('main.js', 'baz')
+        api.render({
+          'main.js': path.join(templateDir, 'entry.js')
+        })
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/{\s+p: p\(\),\s+baz,\s+render/)
 })
 
 test('api: addEntryDuplicateNonIdentifierInjection', async () => {
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.injectRootOptions('main.js', 'p: p()')
-          api.render({
-            'main.js': path.join(templateDir, 'entry.js')
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.injectRootOptions('main.js', 'p: p()')
+        api.render({
+          'main.js': path.join(templateDir, 'entry.js')
+        })
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/{\s+p: p\(\),\s+baz,\s+render/)
@@ -842,21 +802,19 @@ test('api: addConfigTransform', async () => {
     }
   }
 
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.addConfigTransform('fooConfig', {
-            file: {
-              json: ['foo.config.json']
-            }
-          })
-          api.extendPackage(configs)
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.addConfigTransform('fooConfig', {
+          file: {
+            json: ['foo.config.json']
+          }
+        })
+        api.extendPackage(configs)
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate({
     extractConfigFiles: true
@@ -874,22 +832,20 @@ test('api: addConfigTransform (multiple)', async () => {
     }
   }
 
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.addConfigTransform('bazConfig', {
-            file: {
-              js: ['.bazrc.js'],
-              json: ['.bazrc', 'baz.config.json']
-            }
-          })
-          api.extendPackage(configs)
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.addConfigTransform('bazConfig', {
+          file: {
+            js: ['.bazrc.js'],
+            json: ['.bazrc', 'baz.config.json']
+          }
+        })
+        api.extendPackage(configs)
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate({
     extractConfigFiles: true
@@ -907,27 +863,25 @@ test('api: addConfigTransform transform vue warn', async () => {
     }
   }
 
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.addConfigTransform('vue', {
-            file: {
-              js: ['vue.config.js']
-            }
-          })
-          api.extendPackage(configs)
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.addConfigTransform('vue', {
+          file: {
+            js: ['vue.config.js']
+          }
+        })
+        api.extendPackage(configs)
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate({
     extractConfigFiles: true
   })
 
-  expect(fs.readFileSync('/vue.config.js', 'utf-8')).toMatch('module.exports = {\n  lintOnSave: \'default\'\n}')
+  expect(fs.readFileSync('/vue.config.js', 'utf-8')).toMatch(`module.exports = {\n  lintOnSave: 'default'\n}`)
   expect(logs.warn.some(([msg]) => {
     return msg.match(/Reserved config transform 'vue'/)
   })).toBe(true)
@@ -956,16 +910,14 @@ test('extract config files', async () => {
     ]
   }
 
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.extendPackage(configs)
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.extendPackage(configs)
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate({
     extractConfigFiles: true
@@ -983,18 +935,16 @@ test('extract config files', async () => {
 test('generate a JS-Only value from a string', async () => {
   const jsAsString = 'true ? "alice" : "bob"'
 
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.extendPackage({
-            testScript: api.makeJSOnlyValue(jsAsString)
-          })
-        }
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.extendPackage({
+          testScript: api.makeJSOnlyValue(jsAsString)
+        })
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate({})
 
@@ -1018,20 +968,18 @@ test('run a codemod on the entry file', async () => {
         .toSource()
   }
 
-  const generator = new Generator('/', {
-    plugins: [
-      {
-        id: 'test',
-        apply: api => {
-          api.render({
-            'main.js': path.join(templateDir, 'entry.js')
-          })
+  const generator = new Generator('/', { plugins: [
+    {
+      id: 'test',
+      apply: api => {
+        api.render({
+          'main.js': path.join(templateDir, 'entry.js')
+        })
 
-          api.transformScript('main.js', codemod)
-        }
+        api.transformScript('main.js', codemod)
       }
-    ]
-  })
+    }
+  ] })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/new TestVue/)
diff --git a/packages/@vue/cli/__tests__/invoke.spec.js b/packages/@vue/cli/__tests__/invoke.spec.js
index b86af04422..6aceee2ba3 100644
--- a/packages/@vue/cli/__tests__/invoke.spec.js
+++ b/packages/@vue/cli/__tests__/invoke.spec.js
@@ -51,22 +51,22 @@ async function assertUpdates (project) {
 }
 
 test('invoke with inline options', async () => {
-  const project = await createAndInstall('invoke-inline')
+  const project = await createAndInstall(`invoke-inline`)
   await project.run(`${require.resolve('../bin/vue')} invoke eslint --config airbnb --lintOn save,commit`)
   await assertUpdates(project)
 })
 
 test('invoke with prompts', async () => {
-  const project = await createAndInstall('invoke-prompts')
+  const project = await createAndInstall(`invoke-prompts`)
   expectPrompts([
     {
-      message: 'Pick an ESLint config',
-      choices: ['Error prevention only', 'Airbnb', 'Standard', 'Prettier'],
+      message: `Pick an ESLint config`,
+      choices: [`Error prevention only`, `Airbnb`, `Standard`, `Prettier`],
       choose: 1
     },
     {
-      message: 'Pick additional lint features',
-      choices: ['on save', 'on commit'],
+      message: `Pick additional lint features`,
+      choices: [`on save`, 'on commit'],
       check: [0, 1]
     }
   ])
@@ -77,7 +77,7 @@ test('invoke with prompts', async () => {
   // chdir, and let @babel/eslint-parser find the babel.config.js in our test project
   process.chdir(project.dir)
 
-  await invoke('eslint', {}, project.dir)
+  await invoke(`eslint`, {}, project.dir)
   await assertUpdates(project)
 
   // restore
@@ -85,7 +85,7 @@ test('invoke with prompts', async () => {
 })
 
 test('invoke with ts', async () => {
-  const project = await create('invoke-existing', {
+  const project = await create(`invoke-existing`, {
     useConfigFiles: true,
     plugins: {
       '@vue/cli-plugin-babel': {},
@@ -98,7 +98,7 @@ test('invoke with ts', async () => {
   await project.write('package.json', JSON.stringify(pkg, null, 2))
 
   // mock existing vue.config.js
-  await project.write('vue.config.js', 'module.exports = { lintOnSave: \'default\' }')
+  await project.write('vue.config.js', `module.exports = { lintOnSave: 'default' }`)
 
   const eslintrc = parseJS(await project.read('.eslintrc.js'))
   expect(eslintrc).toEqual(Object.assign({}, baseESLintConfig, {
@@ -117,7 +117,7 @@ test('invoke with ts', async () => {
 })
 
 test('invoke with existing files (yaml)', async () => {
-  const project = await create('invoke-existing-yaml', {
+  const project = await create(`invoke-existing-yaml`, {
     useConfigFiles: true,
     plugins: {
       '@vue/cli-plugin-babel': {},
@@ -130,8 +130,8 @@ test('invoke with existing files (yaml)', async () => {
     extends: ['plugin:vue/essential', 'eslint:recommended']
   }))
 
-  await project.rm('.eslintrc.js')
-  await project.write('.eslintrc.yml', `
+  await project.rm(`.eslintrc.js`)
+  await project.write(`.eslintrc.yml`, `
 root: true
 extends:
   - 'plugin:vue/essential'
@@ -150,7 +150,7 @@ extends:
 })
 
 test('invoking a plugin that renames files', async () => {
-  const project = await create('invoke-rename', { plugins: {} })
+  const project = await create(`invoke-rename`, { plugins: {} })
   const pkg = JSON.parse(await project.read('package.json'))
   pkg.devDependencies['@vue/cli-plugin-typescript'] = '*'
   await project.write('package.json', JSON.stringify(pkg, null, 2))
@@ -168,11 +168,11 @@ test('should prompt if invoking in a git repository with uncommitted changes', a
   await project.write('some-random-file', '')
   expectPrompts([
     {
-      message: 'Still proceed?',
+      message: `Still proceed?`,
       confirm: true
     }
   ])
-  await invoke('babel', {}, project.dir)
+  await invoke(`babel`, {}, project.dir)
 })
 
 test.todo('invoke: should respect plugin resolveFrom')
diff --git a/packages/@vue/cli/bin/vue.js b/packages/@vue/cli/bin/vue.js
index 1ae985e789..668ebed5b8 100755
--- a/packages/@vue/cli/bin/vue.js
+++ b/packages/@vue/cli/bin/vue.js
@@ -122,8 +122,8 @@ program
   .option('-H, --host <host>', 'Host used for the UI server (default: localhost)')
   .option('-p, --port <port>', 'Port used for the UI server (by default search for available port)')
   .option('-D, --dev', 'Run in dev mode')
-  .option('--quiet', 'Don\'t output starting messages')
-  .option('--headless', 'Don\'t open browser on start and output port')
+  .option('--quiet', `Don't output starting messages`)
+  .option('--headless', `Don't open browser on start and output port`)
   .action((cmd) => {
     checkNodeVersion('>=8.6', 'vue ui')
     require('../lib/ui')(cleanArgs(cmd))
@@ -205,7 +205,7 @@ program
   .arguments('<command>')
   .action((cmd) => {
     program.outputHelp()
-    console.log('  ' + chalk.red(`Unknown command ${chalk.yellow(cmd)}.`))
+    console.log(`  ` + chalk.red(`Unknown command ${chalk.yellow(cmd)}.`))
     console.log()
     suggestCommands(cmd)
     process.exitCode = 1
@@ -214,7 +214,7 @@ program
 // add some useful info on help
 program.on('--help', () => {
   console.log()
-  console.log(`  Run ${chalk.cyan('vue <command> --help')} for detailed usage of given command.`)
+  console.log(`  Run ${chalk.cyan(`vue <command> --help`)} for detailed usage of given command.`)
   console.log()
 })
 
@@ -233,7 +233,7 @@ enhanceErrorMessages('unknownOption', optionName => {
 
 enhanceErrorMessages('optionMissingArgument', (option, flag) => {
   return `Missing required argument for option ${chalk.yellow(option.flags)}` + (
-    flag ? `, got ${chalk.yellow(flag)}` : ''
+    flag ? `, got ${chalk.yellow(flag)}` : ``
   )
 })
 
@@ -256,7 +256,7 @@ function suggestCommands (unknownCommand) {
   })
 
   if (suggestion) {
-    console.log('  ' + chalk.red(`Did you mean ${chalk.yellow(suggestion)}?`))
+    console.log(`  ` + chalk.red(`Did you mean ${chalk.yellow(suggestion)}?`))
   }
 }
 
diff --git a/packages/@vue/cli/lib/Creator.js b/packages/@vue/cli/lib/Creator.js
index b08788cd19..c2d97cb261 100644
--- a/packages/@vue/cli/lib/Creator.js
+++ b/packages/@vue/cli/lib/Creator.js
@@ -160,7 +160,7 @@ module.exports = class Creator extends EventEmitter {
 
       if (!version) {
         if (isOfficialPlugin(dep) || dep === '@vue/cli-service' || dep === '@vue/babel-preset-env') {
-          version = isTestOrDebug ? 'latest' : `~${latestMinor}`
+          version = isTestOrDebug ? `latest` : `~${latestMinor}`
         } else {
           version = 'latest'
         }
@@ -189,13 +189,13 @@ module.exports = class Creator extends EventEmitter {
     // so that vue-cli-service can setup git hooks.
     const shouldInitGit = this.shouldInitGit(cliOptions)
     if (shouldInitGit) {
-      log('🗃  Initializing git repository...')
+      log(`🗃  Initializing git repository...`)
       this.emit('creation', { event: 'git-init' })
       await run('git init')
     }
 
     // install plugins
-    log('⚙\u{fe0f}  Installing CLI plugins. This might take a while...')
+    log(`⚙\u{fe0f}  Installing CLI plugins. This might take a while...`)
     log()
     this.emit('creation', { event: 'plugins-install' })
 
@@ -207,7 +207,7 @@ module.exports = class Creator extends EventEmitter {
     }
 
     // run generator
-    log('🚀  Invoking generators...')
+    log(`🚀  Invoking generators...`)
     this.emit('creation', { event: 'invoking-generators' })
     const plugins = await this.resolvePlugins(preset.plugins, pkg)
     const generator = new Generator(context, {
@@ -221,7 +221,7 @@ module.exports = class Creator extends EventEmitter {
     })
 
     // install additional deps (injected by generators)
-    log('📦  Installing additional dependencies...')
+    log(`📦  Installing additional dependencies...`)
     this.emit('creation', { event: 'deps-install' })
     log()
     if (!isTestOrDebug || process.env.VUE_CLI_TEST_DO_INSTALL_PLUGIN) {
@@ -229,7 +229,7 @@ module.exports = class Creator extends EventEmitter {
     }
 
     // run complete cbs if any (injected by generators)
-    log('⚓  Running completion hooks...')
+    log(`⚓  Running completion hooks...`)
     this.emit('creation', { event: 'completion-hooks' })
     for (const cb of afterInvokeCbs) {
       await cb()
@@ -269,8 +269,8 @@ module.exports = class Creator extends EventEmitter {
     log(`🎉  Successfully created project ${chalk.yellow(name)}.`)
     if (!cliOptions.skipGetStarted) {
       log(
-        '👉  Get started with the following commands:\n\n' +
-        (this.context === process.cwd() ? '' : chalk.cyan(` ${chalk.gray('$')} cd ${name}\n`)) +
+        `👉  Get started with the following commands:\n\n` +
+        (this.context === process.cwd() ? `` : chalk.cyan(` ${chalk.gray('$')} cd ${name}\n`)) +
         chalk.cyan(` ${chalk.gray('$')} ${packageManager === 'yarn' ? 'yarn serve' : packageManager === 'pnpm' ? 'pnpm run serve' : 'npm run serve'}`)
       )
     }
@@ -279,8 +279,8 @@ module.exports = class Creator extends EventEmitter {
 
     if (gitCommitFailed) {
       warn(
-        'Skipped git commit due to missing username and email in git config, or failed to sign commit.\n' +
-        'You will need to perform the initial commit yourself.\n'
+        `Skipped git commit due to missing username and email in git config, or failed to sign commit.\n` +
+        `You will need to perform the initial commit yourself.\n`
       )
     }
 
@@ -357,10 +357,10 @@ module.exports = class Creator extends EventEmitter {
       const presets = Object.keys(savedPresets)
       if (presets.length) {
         log()
-        log(`available presets:\n${presets.join('\n')}`)
+        log(`available presets:\n${presets.join(`\n`)}`)
       } else {
-        log('you don\'t seem to have any saved preset.')
-        log('run vue-cli in manual mode to create a preset.')
+        log(`you don't seem to have any saved preset.`)
+        log(`run vue-cli in manual mode to create a preset.`)
       }
       exit(1)
     }
@@ -390,7 +390,7 @@ module.exports = class Creator extends EventEmitter {
           }
 
           log()
-          log(`${chalk.cyan(options._isPreset ? 'Preset options:' : id)}`)
+          log(`${chalk.cyan(options._isPreset ? `Preset options:` : id)}`)
           options = await prompt(pluginPrompts)
         }
       }
@@ -423,7 +423,7 @@ module.exports = class Creator extends EventEmitter {
     const presetPrompt = {
       name: 'preset',
       type: 'list',
-      message: 'Please pick a preset:',
+      message: `Please pick a preset:`,
       choices: [
         ...presetChoices,
         {
diff --git a/packages/@vue/cli/lib/GeneratorAPI.js b/packages/@vue/cli/lib/GeneratorAPI.js
index 58f9a3542b..99abb1547b 100644
--- a/packages/@vue/cli/lib/GeneratorAPI.js
+++ b/packages/@vue/cli/lib/GeneratorAPI.js
@@ -47,7 +47,7 @@ class GeneratorAPI {
 
     /* eslint-disable no-shadow */
     this.pluginsData = generator.plugins
-      .filter(({ id }) => id !== '@vue/cli-service')
+      .filter(({ id }) => id !== `@vue/cli-service`)
       .map(({ id }) => ({
         name: toShortPluginId(id),
         link: getPluginLink(id)
@@ -492,13 +492,13 @@ function renderFile (name, data, ejsOptions) {
   const yaml = require('yaml-front-matter')
   const parsed = yaml.loadFront(template)
   const content = parsed.__content
-  let finalTemplate = content.trim() + '\n'
+  let finalTemplate = content.trim() + `\n`
 
   if (parsed.when) {
     finalTemplate = (
       `<%_ if (${parsed.when}) { _%>` +
         finalTemplate +
-      '<%_ } _%>'
+      `<%_ } _%>`
     )
 
     // use ejs.render to test the conditional expression
diff --git a/packages/@vue/cli/lib/Upgrader.js b/packages/@vue/cli/lib/Upgrader.js
index efa5f7a33d..5006556eaf 100644
--- a/packages/@vue/cli/lib/Upgrader.js
+++ b/packages/@vue/cli/lib/Upgrader.js
@@ -157,7 +157,7 @@ module.exports = class Upgrader {
         const wanted = await this.pm.getRemoteVersion(name, range)
 
         if (!installed) {
-          throw new Error('At least one dependency can\'t be found. Please install the dependencies before trying to upgrade')
+          throw new Error(`At least one dependency can't be found. Please install the dependencies before trying to upgrade`)
         }
 
         let latest = await this.pm.getRemoteVersion(name)
diff --git a/packages/@vue/cli/lib/add.js b/packages/@vue/cli/lib/add.js
index 8df2757409..d0dd93f917 100644
--- a/packages/@vue/cli/lib/add.js
+++ b/packages/@vue/cli/lib/add.js
@@ -82,7 +82,7 @@ async function addRouter (context) {
   const options = await inquirer.prompt([{
     name: 'routerHistoryMode',
     type: 'confirm',
-    message: `Use history mode for router? ${chalk.yellow('(Requires proper server setup for index fallback in production)')}`
+    message: `Use history mode for router? ${chalk.yellow(`(Requires proper server setup for index fallback in production)`)}`
   }])
   invoke.runGenerator(context, {
     id: 'core:router',
diff --git a/packages/@vue/cli/lib/create.js b/packages/@vue/cli/lib/create.js
index 8d03388714..1cbabdce32 100644
--- a/packages/@vue/cli/lib/create.js
+++ b/packages/@vue/cli/lib/create.js
@@ -39,7 +39,7 @@ async function create (projectName, options) {
           {
             name: 'ok',
             type: 'confirm',
-            message: 'Generate project in current directory?'
+            message: `Generate project in current directory?`
           }
         ])
         if (!ok) {
diff --git a/packages/@vue/cli/lib/inspect.js b/packages/@vue/cli/lib/inspect.js
index 931a1ccc82..05fd2c4c9c 100644
--- a/packages/@vue/cli/lib/inspect.js
+++ b/packages/@vue/cli/lib/inspect.js
@@ -11,9 +11,9 @@ module.exports = function inspect (paths, args) {
   } catch (e) {
     const { error } = require('@vue/cli-shared-utils')
     error(
-      'Failed to locate @vue/cli-service.\n' +
-      'Note that `vue inspect` is an alias of `vue-cli-service inspect`\n' +
-      'and can only be used in a project where @vue/cli-service is locally installed.'
+      `Failed to locate @vue/cli-service.\n` +
+      `Note that \`vue inspect\` is an alias of \`vue-cli-service inspect\`\n` +
+      `and can only be used in a project where @vue/cli-service is locally installed.`
     )
     process.exit(1)
   }
diff --git a/packages/@vue/cli/lib/invoke.js b/packages/@vue/cli/lib/invoke.js
index 58057b324b..ad82e7df26 100644
--- a/packages/@vue/cli/lib/invoke.js
+++ b/packages/@vue/cli/lib/invoke.js
@@ -46,7 +46,7 @@ async function invoke (pluginName, options = {}, context = process.cwd()) {
   if (!id) {
     throw new Error(
       `Cannot resolve plugin ${chalk.yellow(pluginName)} from package.json. ` +
-        'Did you forget to install it?'
+        `Did you forget to install it?`
     )
   }
 
@@ -120,14 +120,14 @@ async function runGenerator (context, plugin, pkg = getPkg(context)) {
     JSON.stringify(newDevDeps) !== JSON.stringify(pkg.devDependencies)
 
   if (!isTestOrDebug && depsChanged) {
-    log('📦  Installing additional dependencies...')
+    log(`📦  Installing additional dependencies...`)
     log()
     const pm = new PackageManager({ context })
     await pm.install()
   }
 
   if (afterInvokeCbs.length || afterAnyInvokeCbs.length) {
-    logWithSpinner('⚓', 'Running completion hooks...')
+    logWithSpinner('⚓', `Running completion hooks...`)
     for (const cb of afterInvokeCbs) {
       await cb()
     }
@@ -141,7 +141,7 @@ async function runGenerator (context, plugin, pkg = getPkg(context)) {
   log(`${chalk.green('✔')}  Successfully invoked generator for plugin: ${chalk.cyan(plugin.id)}`)
   const changedFiles = getChangedFiles(context)
   if (changedFiles.length) {
-    log('   The following files have been updated / added:\n')
+    log(`   The following files have been updated / added:\n`)
     log(chalk.red(changedFiles.map(line => `     ${line}`).join('\n')))
     log()
     log(
diff --git a/packages/@vue/cli/lib/migrate.js b/packages/@vue/cli/lib/migrate.js
index b792f0a651..68475cb733 100644
--- a/packages/@vue/cli/lib/migrate.js
+++ b/packages/@vue/cli/lib/migrate.js
@@ -40,7 +40,7 @@ async function runMigrator (context, plugin, pkg = getPkg(context)) {
     JSON.stringify(newDeps) !== JSON.stringify(pkg.dependencies) ||
     JSON.stringify(newDevDeps) !== JSON.stringify(pkg.devDependencies)
   if (!isTestOrDebug && depsChanged) {
-    log('📦  Installing additional dependencies...')
+    log(`📦  Installing additional dependencies...`)
     log()
 
     const pm = new PackageManager({ context })
@@ -48,7 +48,7 @@ async function runMigrator (context, plugin, pkg = getPkg(context)) {
   }
 
   if (afterInvokeCbs.length) {
-    logWithSpinner('⚓', 'Running completion hooks...')
+    logWithSpinner('⚓', `Running completion hooks...`)
     for (const cb of afterInvokeCbs) {
       await cb()
     }
@@ -64,7 +64,7 @@ async function runMigrator (context, plugin, pkg = getPkg(context)) {
 
   const changedFiles = getChangedFiles(context)
   if (changedFiles.length) {
-    log('   The following files have been updated / added:\n')
+    log(`   The following files have been updated / added:\n`)
     log(chalk.red(changedFiles.map(line => `     ${line}`).join('\n')))
     log()
     log(
@@ -81,7 +81,7 @@ async function runMigrator (context, plugin, pkg = getPkg(context)) {
 async function migrate (pluginId, { from }, context = process.cwd()) {
   // TODO: remove this after upgrading to commander 4.x
   if (!from) {
-    throw new Error('Required option \'from\' not specified')
+    throw new Error(`Required option 'from' not specified`)
   }
 
   const pluginName = resolvePluginId(pluginId)
diff --git a/packages/@vue/cli/lib/options.js b/packages/@vue/cli/lib/options.js
index 045f535c37..22865e1ea4 100644
--- a/packages/@vue/cli/lib/options.js
+++ b/packages/@vue/cli/lib/options.js
@@ -80,8 +80,8 @@ exports.defaults = {
   packageManager: undefined,
   useTaobaoRegistry: undefined,
   presets: {
-    default: Object.assign({ vueVersion: '2' }, exports.defaultPreset),
-    __default_vue_3__: Object.assign({ vueVersion: '3' }, exports.defaultPreset)
+    'default': Object.assign({ vueVersion: '2' }, exports.defaultPreset),
+    '__default_vue_3__': Object.assign({ vueVersion: '3' }, exports.defaultPreset)
   }
 }
 
@@ -96,17 +96,17 @@ exports.loadOptions = () => {
       cachedOptions = JSON.parse(fs.readFileSync(rcPath, 'utf-8'))
     } catch (e) {
       error(
-        'Error loading saved preferences: ' +
-        '~/.vuerc may be corrupted or have syntax errors. ' +
-        'Please fix/delete it and re-run vue-cli in manual mode.\n' +
+        `Error loading saved preferences: ` +
+        `~/.vuerc may be corrupted or have syntax errors. ` +
+        `Please fix/delete it and re-run vue-cli in manual mode.\n` +
         `(${e.message})`
       )
       exit(1)
     }
     validate(cachedOptions, schema, () => {
       error(
-        '~/.vuerc may be outdated. ' +
-        'Please delete it and re-run vue-cli in manual mode.'
+        `~/.vuerc may be outdated. ` +
+        `Please delete it and re-run vue-cli in manual mode.`
       )
     })
     return cachedOptions
@@ -128,7 +128,7 @@ exports.saveOptions = toSave => {
     return true
   } catch (e) {
     error(
-      'Error saving preferences: ' +
+      `Error saving preferences: ` +
       `make sure you have write access to ${rcPath}.\n` +
       `(${e.message})`
     )
diff --git a/packages/@vue/cli/lib/promptModules/e2e.js b/packages/@vue/cli/lib/promptModules/e2e.js
index 6e25e1d390..8c4a6115cb 100644
--- a/packages/@vue/cli/lib/promptModules/e2e.js
+++ b/packages/@vue/cli/lib/promptModules/e2e.js
@@ -37,11 +37,11 @@ module.exports = cli => {
   cli.injectPrompt({
     name: 'webdrivers',
     when: answers => ['nightwatch', 'webdriverio'].includes(answers.e2e),
-    type: 'checkbox',
-    message: 'Pick browsers to run end-to-end test on',
+    type: `checkbox`,
+    message: `Pick browsers to run end-to-end test on`,
     choices: [
       {
-        name: 'Chrome',
+        name: `Chrome`,
         value: 'chrome',
         checked: true
       },
diff --git a/packages/@vue/cli/lib/promptModules/router.js b/packages/@vue/cli/lib/promptModules/router.js
index fb7387bf8f..1dd84ebcc7 100644
--- a/packages/@vue/cli/lib/promptModules/router.js
+++ b/packages/@vue/cli/lib/promptModules/router.js
@@ -12,8 +12,8 @@ module.exports = cli => {
     name: 'historyMode',
     when: answers => answers.features.includes('router'),
     type: 'confirm',
-    message: `Use history mode for router? ${chalk.yellow('(Requires proper server setup for index fallback in production)')}`,
-    description: 'By using the HTML5 History API, the URLs don\'t need the \'#\' character anymore.',
+    message: `Use history mode for router? ${chalk.yellow(`(Requires proper server setup for index fallback in production)`)}`,
+    description: `By using the HTML5 History API, the URLs don't need the '#' character anymore.`,
     link: 'https://router.vuejs.org/guide/essentials/history-mode.html'
   })
 
diff --git a/packages/@vue/cli/lib/ui.js b/packages/@vue/cli/lib/ui.js
index 3affe53830..bb90a98002 100644
--- a/packages/@vue/cli/lib/ui.js
+++ b/packages/@vue/cli/lib/ui.js
@@ -39,7 +39,7 @@ async function ui (options = {}, context = process.cwd()) {
     process.env.VUE_CLI_IPC = `vue-cli-${shortid()}`
   }
 
-  if (!options.quiet) log('🚀  Starting GUI...')
+  if (!options.quiet) log(`🚀  Starting GUI...`)
 
   const opts = {
     host,
diff --git a/packages/@vue/cli/lib/util/__tests__/extendJSConfig.spec.js b/packages/@vue/cli/lib/util/__tests__/extendJSConfig.spec.js
index 608c5a0647..11957b6605 100644
--- a/packages/@vue/cli/lib/util/__tests__/extendJSConfig.spec.js
+++ b/packages/@vue/cli/lib/util/__tests__/extendJSConfig.spec.js
@@ -4,7 +4,7 @@ function extend (value, source) {
   return _extend(value, source).replace(/\r\n/g, '\n')
 }
 
-test('basic', () => {
+test(`basic`, () => {
   const value = {
     foo: true,
     css: {
@@ -28,7 +28,7 @@ test('basic', () => {
   )
 })
 
-test('adding new property', () => {
+test(`adding new property`, () => {
   const value = {
     foo: true
   }
@@ -44,7 +44,7 @@ test('adding new property', () => {
   )
 })
 
-test('non direct assignment', () => {
+test(`non direct assignment`, () => {
   const value = {
     foo: true
   }
@@ -62,7 +62,7 @@ module.exports = config`
   )
 })
 
-test('with extra assignment expression', () => {
+test(`with extra assignment expression`, () => {
   const value = {
     foo: true
   }
@@ -80,7 +80,7 @@ module.exports = {
   )
 })
 
-test('add a new undefined property', () => {
+test(`add a new undefined property`, () => {
   const value = {
     foo: undefined
   }
@@ -91,7 +91,7 @@ test('add a new undefined property', () => {
   expect(extend(value, source)).toMatch(source)
 })
 
-test('change an existing property to undefined', () => {
+test(`change an existing property to undefined`, () => {
   const value = {
     foo: undefined
   }
diff --git a/packages/@vue/cli/lib/util/confirmIfGitDirty.js b/packages/@vue/cli/lib/util/confirmIfGitDirty.js
index d067d38868..5caf2b1a40 100644
--- a/packages/@vue/cli/lib/util/confirmIfGitDirty.js
+++ b/packages/@vue/cli/lib/util/confirmIfGitDirty.js
@@ -21,7 +21,7 @@ module.exports = async function confirmIfGitDirty (context) {
     return true
   }
 
-  warn('There are uncommitted changes in the current repository, it\'s recommended to commit or stash them first.')
+  warn(`There are uncommitted changes in the current repository, it's recommended to commit or stash them first.`)
   const { ok } = await inquirer.prompt([
     {
       name: 'ok',
diff --git a/packages/@vue/cli/lib/util/enhanceErrorMessages.js b/packages/@vue/cli/lib/util/enhanceErrorMessages.js
index 4de32867fb..2f380c04a4 100644
--- a/packages/@vue/cli/lib/util/enhanceErrorMessages.js
+++ b/packages/@vue/cli/lib/util/enhanceErrorMessages.js
@@ -7,7 +7,7 @@ module.exports = (methodName, log) => {
       return
     }
     this.outputHelp()
-    console.log('  ' + chalk.red(log(...args)))
+    console.log(`  ` + chalk.red(log(...args)))
     console.log()
     process.exit(1)
   }
diff --git a/packages/@vue/cli/lib/util/executeCommand.js b/packages/@vue/cli/lib/util/executeCommand.js
index 5df040b169..a0ad0ec205 100644
--- a/packages/@vue/cli/lib/util/executeCommand.js
+++ b/packages/@vue/cli/lib/util/executeCommand.js
@@ -47,16 +47,16 @@ function renderProgressBar (curr, total) {
   const availableSpace = Math.max(0, process.stderr.columns - bar.length - 3)
   const width = Math.min(total, availableSpace)
   const completeLength = Math.round(width * ratio)
-  const complete = '#'.repeat(completeLength)
-  const incomplete = '-'.repeat(width - completeLength)
+  const complete = `#`.repeat(completeLength)
+  const incomplete = `-`.repeat(width - completeLength)
   toStartOfLine(process.stderr)
   process.stderr.write(`[${complete}${incomplete}]${bar}`)
 }
 
 const progress = exports.progress = new InstallProgress()
 exports.executeCommand = function executeCommand (command, args, cwd) {
-  debug('command: ', command)
-  debug('args: ', args)
+  debug(`command: `, command)
+  debug(`args: `, args)
 
   return new Promise((resolve, reject) => {
     const apiMode = process.env.VUE_CLI_API_MODE
diff --git a/packages/@vue/cli/lib/util/getGlobalInstallCommand.js b/packages/@vue/cli/lib/util/getGlobalInstallCommand.js
index 77cfb38d7a..bd55b9c638 100644
--- a/packages/@vue/cli/lib/util/getGlobalInstallCommand.js
+++ b/packages/@vue/cli/lib/util/getGlobalInstallCommand.js
@@ -11,12 +11,12 @@ module.exports = function getGlobalInstallCommand () {
   if (hasPnpm3OrLater()) {
     const { stdout: pnpmGlobalPrefix } = execa.sync('pnpm', ['config', 'get', 'prefix'])
     if (__dirname.includes(pnpmGlobalPrefix) && __dirname.includes('pnpm-global')) {
-      return 'pnpm i -g'
+      return `pnpm i -g`
     }
   }
 
   const { stdout: npmGlobalPrefix } = execa.sync('npm', ['config', 'get', 'prefix'])
   if (__dirname.includes(npmGlobalPrefix)) {
-    return 'npm i -g'
+    return `npm i -g`
   }
 }
diff --git a/packages/@vue/cli/lib/util/getVersions.js b/packages/@vue/cli/lib/util/getVersions.js
index 49847187f9..d747dfd21c 100644
--- a/packages/@vue/cli/lib/util/getVersions.js
+++ b/packages/@vue/cli/lib/util/getVersions.js
@@ -11,7 +11,7 @@ module.exports = async function getVersions () {
   }
 
   let latest
-  const local = require('../../package.json').version
+  const local = require(`../../package.json`).version
   if (process.env.VUE_CLI_TEST || process.env.VUE_CLI_DEBUG) {
     return (sessionCached = {
       current: local,
diff --git a/packages/@vue/cli/lib/util/linkBin.js b/packages/@vue/cli/lib/util/linkBin.js
index 2a302fff77..b7232019e5 100644
--- a/packages/@vue/cli/lib/util/linkBin.js
+++ b/packages/@vue/cli/lib/util/linkBin.js
@@ -7,7 +7,7 @@ const cmdShim = require('cmd-shim')
 
 exports.linkBin = async (src, dest) => {
   if (!process.env.VUE_CLI_TEST && !process.env.VUE_CLI_DEBUG) {
-    throw new Error('linkBin should only be used during tests or debugging.')
+    throw new Error(`linkBin should only be used during tests or debugging.`)
   }
   if (process.platform === 'win32' && !process.env.CI) {
     // not doing mutex lock because this is only used in dev and the
diff --git a/packages/@vue/cli/lib/util/mergeDeps.js b/packages/@vue/cli/lib/util/mergeDeps.js
index 3f4f4ada17..d437532cbd 100644
--- a/packages/@vue/cli/lib/util/mergeDeps.js
+++ b/packages/@vue/cli/lib/util/mergeDeps.js
@@ -85,7 +85,7 @@ module.exports = function mergeDeps (
           `conflicting versions for project dependency "${depName}":\n\n` +
             `- ${sourceRange} injected by generator "${sourceGeneratorId}"\n` +
             `- ${injectingRange} injected by generator "${generatorId}"\n\n` +
-            `Using ${didGetNewer ? 'newer ' : ''}version (${
+            `Using ${didGetNewer ? `newer ` : ``}version (${
               result[depName]
             }), but this may cause build errors.`
         )

From 516045144b886944cb9ed5a0151e2af79313637e Mon Sep 17 00:00:00 2001
From: Haoqun Jiang <haoqunjiang@gmail.com>
Date: Tue, 5 Jan 2021 19:32:52 +0800
Subject: [PATCH 4/4] style: enable object-curly-newline

---
 .eslintrc.js                                  |   1 -
 packages/@vue/cli/__tests__/Generator.spec.js | 724 ++++++++++--------
 2 files changed, 388 insertions(+), 337 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index d2ef595f38..17c1d2df20 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -9,7 +9,6 @@ module.exports = {
     indent: ['error', 2, {
       MemberExpression: 'off'
     }],
-    'object-curly-newline': 'off',
     quotes: [2, 'single', { avoidEscape: true, allowTemplateLiterals: true }],
     'quote-props': 'off',
     'no-shadow': ['error'],
diff --git a/packages/@vue/cli/__tests__/Generator.spec.js b/packages/@vue/cli/__tests__/Generator.spec.js
index 6489dbb13d..b4ef3b6256 100644
--- a/packages/@vue/cli/__tests__/Generator.spec.js
+++ b/packages/@vue/cli/__tests__/Generator.spec.js
@@ -150,24 +150,26 @@ test('api: extendPackage function', async () => {
 })
 
 test('api: extendPackage allow git, github, http, file version ranges', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: 'git+ssh://git@github.com:npm/npm.git#v1.0.27',
-            baz: 'git://github.com/npm/npm.git#v1.0.27',
-            bar: 'expressjs/express',
-            bad: 'mochajs/mocha#4727d357ea',
-            bac: 'http://asdf.com/asdf.tar.gz',
-            bae: 'file:../dyl',
-            'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:^1.0.0'
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: 'git+ssh://git@github.com:npm/npm.git#v1.0.27',
+              baz: 'git://github.com/npm/npm.git#v1.0.27',
+              bar: 'expressjs/express',
+              bad: 'mochajs/mocha#4727d357ea',
+              bac: 'http://asdf.com/asdf.tar.gz',
+              bae: 'file:../dyl',
+              'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:^1.0.0'
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -186,30 +188,32 @@ test('api: extendPackage allow git, github, http, file version ranges', async ()
 })
 
 test('api: extendPackage merge nonstrictly semver deps', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:1.0.0',
-            bar: 'expressjs/express'
-          }
-        })
-      }
-    },
-    {
-      id: 'test2',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:1.2.0',
-            bar: 'expressjs/express'
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:1.0.0',
+              bar: 'expressjs/express'
+            }
+          })
+        }
+      },
+      {
+        id: 'test2',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              'my-lib': 'https://bitbucket.org/user/my-lib.git#semver:1.2.0',
+              bar: 'expressjs/express'
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -223,30 +227,32 @@ test('api: extendPackage merge nonstrictly semver deps', async () => {
 })
 
 test('api: extendPackage merge dependencies', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: '^1.1.0',
-            bar: '^1.0.0'
-          }
-        })
-      }
-    },
-    {
-      id: 'test2',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: '^1.0.0',
-            baz: '^1.0.0'
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: '^1.1.0',
+              bar: '^1.0.0'
+            }
+          })
+        }
+      },
+      {
+        id: 'test2',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: '^1.0.0',
+              baz: '^1.0.0'
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -261,18 +267,20 @@ test('api: extendPackage merge dependencies', async () => {
 })
 
 test('api: warn invalid dep range', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: 'foo'
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: 'foo'
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -285,18 +293,20 @@ test('api: warn invalid dep range', async () => {
 })
 
 test('api: warn invalid dep range when non-string', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: null
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: null
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -309,28 +319,30 @@ test('api: warn invalid dep range when non-string', async () => {
 })
 
 test('api: extendPackage dependencies conflict', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: '^1.0.0'
-          }
-        })
-      }
-    },
-    {
-      id: 'test2',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            foo: '^2.0.0'
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: '^1.0.0'
+            }
+          })
+        }
+      },
+      {
+        id: 'test2',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              foo: '^2.0.0'
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -345,28 +357,30 @@ test('api: extendPackage dependencies conflict', async () => {
 })
 
 test('api: extendPackage merge warn nonstrictly semver deps', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test3',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            bar: 'expressjs/express'
-          }
-        })
-      }
-    },
-    {
-      id: 'test4',
-      apply: api => {
-        api.extendPackage({
-          dependencies: {
-            bar: 'expressjs/express#1234'
-          }
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test3',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              bar: 'expressjs/express'
+            }
+          })
+        }
+      },
+      {
+        id: 'test4',
+        apply: api => {
+          api.extendPackage({
+            dependencies: {
+              bar: 'expressjs/express#1234'
+            }
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -508,17 +522,19 @@ test('api: extendPackage + { warnIncompatibleVersions: false }', async () => {
 })
 
 test('api: render fs directory', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        api.render('./template', { m: 2 })
-      },
-      options: {
-        n: 1
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          api.render('./template', { m: 2 })
+        },
+        options: {
+          n: 1
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -533,39 +549,43 @@ test('api: render fs directory', async () => {
 
 // #4774
 test('api: call render inside an anonymous function', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        (() => {
-          api.render('./template', { m: 2 })
-        })()
-      },
-      options: {
-        n: 1
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          (() => {
+            api.render('./template', { m: 2 })
+          })()
+        },
+        options: {
+          n: 1
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/foo.js', 'utf-8')).toMatch('foo(1)')
 })
 
 test('api: render object', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: api => {
-        api.render({
-          'foo1.js': path.join(templateDir, 'foo.js'),
-          'bar/bar1.js': path.join(templateDir, 'bar/bar.js')
-        }, { m: 3 })
-      },
-      options: {
-        n: 2
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: api => {
+          api.render({
+            'foo1.js': path.join(templateDir, 'foo.js'),
+            'bar/bar1.js': path.join(templateDir, 'bar/bar.js')
+          }, { m: 3 })
+        },
+        options: {
+          n: 2
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -574,20 +594,22 @@ test('api: render object', async () => {
 })
 
 test('api: render middleware', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test1',
-      apply: (api, options) => {
-        api.render((files, render) => {
-          files['foo2.js'] = render('foo(<%- n %>)', options)
-          files['bar/bar2.js'] = render('bar(<%- n %>)', options)
-        })
-      },
-      options: {
-        n: 3
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test1',
+        apply: (api, options) => {
+          api.render((files, render) => {
+            files['foo2.js'] = render('foo(<%- n %>)', options)
+            files['bar/bar2.js'] = render('bar(<%- n %>)', options)
+          })
+        },
+        options: {
+          n: 3
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
 
@@ -597,26 +619,28 @@ test('api: render middleware', async () => {
 
 test('api: hasPlugin', () => {
   // eslint-disable-next-line no-new
-  new Generator('/', { plugins: [
-    {
-      id: 'foo',
-      apply: api => {
-        expect(api.hasPlugin('foo')).toBe(true)
-        expect(api.hasPlugin('bar')).toBe(true)
-        expect(api.hasPlugin('baz')).toBe(true)
-        expect(api.hasPlugin('vue-cli-plugin-bar')).toBe(true)
-        expect(api.hasPlugin('@vue/cli-plugin-baz')).toBe(true)
+  new Generator('/', {
+    plugins: [
+      {
+        id: 'foo',
+        apply: api => {
+          expect(api.hasPlugin('foo')).toBe(true)
+          expect(api.hasPlugin('bar')).toBe(true)
+          expect(api.hasPlugin('baz')).toBe(true)
+          expect(api.hasPlugin('vue-cli-plugin-bar')).toBe(true)
+          expect(api.hasPlugin('@vue/cli-plugin-baz')).toBe(true)
+        }
+      },
+      {
+        id: 'vue-cli-plugin-bar',
+        apply: () => {}
+      },
+      {
+        id: '@vue/cli-plugin-baz',
+        apply: () => {}
       }
-    },
-    {
-      id: 'vue-cli-plugin-bar',
-      apply: () => {}
-    },
-    {
-      id: '@vue/cli-plugin-baz',
-      apply: () => {}
-    }
-  ] })
+    ]
+  })
 })
 
 test('api: onCreateComplete', async () => {
@@ -661,29 +685,33 @@ test('api: afterInvoke', async () => {
 
 test('api: resolve', () => {
   // eslint-disable-next-line no-new
-  new Generator('/foo/bar', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        expect(api.resolve('baz')).toBe(path.resolve('/foo/bar', 'baz'))
+  new Generator('/foo/bar', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          expect(api.resolve('baz')).toBe(path.resolve('/foo/bar', 'baz'))
+        }
       }
-    }
-  ] })
+    ]
+  })
 })
 
 test('api: addEntryImport & addEntryInjection', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectImports('main.js', `import bar from 'bar'`)
-        api.injectRootOptions('main.js', ['foo', 'bar'])
-        api.render({
-          'main.js': path.join(templateDir, 'entry.js')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectImports('main.js', `import bar from 'bar'`)
+          api.injectRootOptions('main.js', ['foo', 'bar'])
+          api.render({
+            'main.js': path.join(templateDir, 'entry.js')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/import foo from 'foo'\r?\nimport bar from 'bar'/)
@@ -691,69 +719,77 @@ test('api: addEntryImport & addEntryInjection', async () => {
 })
 
 test('api: injectImports to empty file', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectImports('main.js', `import foo from 'foo'`)
-        api.injectImports('main.js', `import bar from 'bar'`)
-        api.render({
-          'main.js': path.join(templateDir, 'empty-entry.js')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectImports('main.js', `import foo from 'foo'`)
+          api.injectImports('main.js', `import bar from 'bar'`)
+          api.render({
+            'main.js': path.join(templateDir, 'empty-entry.js')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/import foo from 'foo'\r?\nimport bar from 'bar'/)
 })
 
 test('api: injectImports to typescript file', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectImports('main.ts', `import foo from 'foo'`)
-        api.render({
-          'main.ts': path.join(templateDir, 'main.ts')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectImports('main.ts', `import foo from 'foo'`)
+          api.render({
+            'main.ts': path.join(templateDir, 'main.ts')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.ts', 'utf-8')).toMatch(/import foo from 'foo'/)
 })
 
 test('api: addEntryDuplicateImport', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectImports('main.js', `import foo from 'foo'`)
-        api.render({
-          'main.js': path.join(templateDir, 'entry.js')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectImports('main.js', `import foo from 'foo'`)
+          api.render({
+            'main.js': path.join(templateDir, 'entry.js')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/^import foo from 'foo'\s+new Vue/)
 })
 
 test('api: injectImport for .vue files', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectImports('hello.vue', `import foo from 'foo'`)
-        api.render({
-          'hello.vue': path.join(templateDir, 'hello.vue')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectImports('hello.vue', `import foo from 'foo'`)
+          api.render({
+            'hello.vue': path.join(templateDir, 'hello.vue')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   const content = fs.readFileSync('/hello.vue', 'utf-8')
@@ -762,34 +798,38 @@ test('api: injectImport for .vue files', async () => {
 })
 
 test('api: addEntryDuplicateInjection', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectRootOptions('main.js', 'baz')
-        api.render({
-          'main.js': path.join(templateDir, 'entry.js')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectRootOptions('main.js', 'baz')
+          api.render({
+            'main.js': path.join(templateDir, 'entry.js')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/{\s+p: p\(\),\s+baz,\s+render/)
 })
 
 test('api: addEntryDuplicateNonIdentifierInjection', async () => {
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.injectRootOptions('main.js', 'p: p()')
-        api.render({
-          'main.js': path.join(templateDir, 'entry.js')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.injectRootOptions('main.js', 'p: p()')
+          api.render({
+            'main.js': path.join(templateDir, 'entry.js')
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/{\s+p: p\(\),\s+baz,\s+render/)
@@ -802,19 +842,21 @@ test('api: addConfigTransform', async () => {
     }
   }
 
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.addConfigTransform('fooConfig', {
-          file: {
-            json: ['foo.config.json']
-          }
-        })
-        api.extendPackage(configs)
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.addConfigTransform('fooConfig', {
+            file: {
+              json: ['foo.config.json']
+            }
+          })
+          api.extendPackage(configs)
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate({
     extractConfigFiles: true
@@ -832,20 +874,22 @@ test('api: addConfigTransform (multiple)', async () => {
     }
   }
 
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.addConfigTransform('bazConfig', {
-          file: {
-            js: ['.bazrc.js'],
-            json: ['.bazrc', 'baz.config.json']
-          }
-        })
-        api.extendPackage(configs)
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.addConfigTransform('bazConfig', {
+            file: {
+              js: ['.bazrc.js'],
+              json: ['.bazrc', 'baz.config.json']
+            }
+          })
+          api.extendPackage(configs)
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate({
     extractConfigFiles: true
@@ -863,19 +907,21 @@ test('api: addConfigTransform transform vue warn', async () => {
     }
   }
 
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.addConfigTransform('vue', {
-          file: {
-            js: ['vue.config.js']
-          }
-        })
-        api.extendPackage(configs)
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.addConfigTransform('vue', {
+            file: {
+              js: ['vue.config.js']
+            }
+          })
+          api.extendPackage(configs)
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate({
     extractConfigFiles: true
@@ -910,14 +956,16 @@ test('extract config files', async () => {
     ]
   }
 
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.extendPackage(configs)
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.extendPackage(configs)
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate({
     extractConfigFiles: true
@@ -935,16 +983,18 @@ test('extract config files', async () => {
 test('generate a JS-Only value from a string', async () => {
   const jsAsString = 'true ? "alice" : "bob"'
 
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.extendPackage({
-          testScript: api.makeJSOnlyValue(jsAsString)
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.extendPackage({
+            testScript: api.makeJSOnlyValue(jsAsString)
+          })
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate({})
 
@@ -968,18 +1018,20 @@ test('run a codemod on the entry file', async () => {
         .toSource()
   }
 
-  const generator = new Generator('/', { plugins: [
-    {
-      id: 'test',
-      apply: api => {
-        api.render({
-          'main.js': path.join(templateDir, 'entry.js')
-        })
+  const generator = new Generator('/', {
+    plugins: [
+      {
+        id: 'test',
+        apply: api => {
+          api.render({
+            'main.js': path.join(templateDir, 'entry.js')
+          })
 
-        api.transformScript('main.js', codemod)
+          api.transformScript('main.js', codemod)
+        }
       }
-    }
-  ] })
+    ]
+  })
 
   await generator.generate()
   expect(fs.readFileSync('/main.js', 'utf-8')).toMatch(/new TestVue/)