Questions tagged [vue-cli-3]

Vue-CLI provides the vue command in your terminal. It provides the ability to quickly scaffold a new project via vue create, or instantly prototype new ideas via vue serve. Use this tag for questions specific to version 3.

Vue CLI, created and maintained by the Vue's core team, is the official tooling for bootstrapping and maintaining your Vue projects.

Offering a feature rich and extensible platform for using (or developing your own) plugins and preset in zero-configuration and easily configurable fashion, as well as future-proofing the upgradebility of your project and tooling configurations.

Vue CLI ecosystem currently offers these Core Plugins:

  • @vue/cli-plugin-babel
  • @vue/cli-plugin-typescript
  • @vue/cli-plugin-eslint
  • @vue/cli-plugin-pwa
  • @vue/cli-plugin-unit-jest
  • @vue/cli-plugin-unit-mocha
  • @vue/cli-plugin-e2e-cypress
  • @vue/cli-plugin-e2e-nightwatch

There's a community site Awesome Vue CLI packages for browsing all the plugins and presets available.

Use this tag for questions specific to version 3.

695 questions
22
votes
3 answers

How can I customize my Service Worker based on environment variables?

Edit: This looks like a duplicate of this Unresolved Question. Do I mark this as answered, or delete? I am using InjectManifest from workbox-webpack-plugin inside a Vue CLI 3 app. The custom service worker that I am injecting into has handling for…
21
votes
3 answers

Vue CLI's type checking service ignores memory limits

DevOps has requested that we limit our frontend builds to ~1GB of RAM, so that our Jenkins instance doesn't shut down. We use a standard @vue/cli project, with TypeScript. However, the TS type checking service ignores all attempts to limit its…
filipe
  • 414
  • 1
  • 5
  • 14
21
votes
8 answers

Vue cli 3 display info from the package.json

In a vue cli 3 project I want to display a version number in the webpage. The version number lies in the package.json file. The only reference to this that I found is this link in the vue forum. However, I can't get the proposed solution to…
Sergeon
  • 6,638
  • 2
  • 23
  • 43
20
votes
3 answers

How to make test coverage show all vue files in Vue-cli 3 using jest

I am having difficulty trying to set up Vue CLI 3 with Jest to show test coverage. I have done everything possible to make it work, but it is still showing no coverage: Ran all test…
devIT
  • 239
  • 1
  • 3
  • 9
20
votes
1 answer

Vue CLI 3 does not convert vendors to ES5

We have a vue-cli 3 project. It works pretty well and compiles without problem. The fact is we have to support old browser supporting ES5 code only. In the project we integrated some external libraries written in ES6 (reconnecting-websocket is an…
BlackHoleGalaxy
  • 9,160
  • 17
  • 59
  • 103
19
votes
3 answers

Vue cli 3 project alias src to @ or ~/ not working

I have installed the project with vue cli 3 but as the project grows, the import on the components are getting ugly, I end up importing a component like import Component from '../../../../components/folder/Component.vue' I just want to alias the…
Carlos Salazar
  • 1,818
  • 5
  • 25
  • 48
19
votes
3 answers

Vue Cli 3 Generated Project Set HTML Title

Currently, after generating a project with Vue CLI 3 the title is "Vue App". If I set the title in the created hook via document.title the browser will still will flash "Vue App" prior to displaying the title set via document.title. Looking for a…
xspydr
  • 3,030
  • 3
  • 31
  • 49
17
votes
9 answers

'vue' is not recognized as an internal or external command

everything was installed correctly. but whenever I try to create project, it says "'vue' is not recognized as an internal or external command". I installed and re-installed but didn't work. npm was also added to environmental variable…
Touha
  • 537
  • 2
  • 6
  • 13
17
votes
3 answers

How to remove [vue/no-use-v-if-with-v-for] warning?

So I have a div element that supports v-for and v-if it works fine and the output is correct, but this warning really annoys me: [vue/no-use-v-if-with-v-for] The 'prit_type_ids' variable inside 'v-for' directive should be replaced with a computed…
Jude Medina
  • 193
  • 1
  • 1
  • 6
17
votes
1 answer

Vue Cli: Cannot find module '../package.json' error after npm install

I am not an expert in Vuejs or Vuecli, but I do manage to get stuff working. I had a project i worked on before using Vuecli3 and webpack and now when I opened it after few weeks to make changes, i get the below error in dev mode $ vue-cli-service…
Jenos
  • 485
  • 1
  • 4
  • 15
17
votes
4 answers

Add Jquery to Vue-Cli 3

I'm currently trying to add Jquery to my vue-cli project. I am aware of the missbehaviour it can produce, but anyway; Since there is no build/webpack.base.conf.js anymore I tried editing vue.config.js by adding: module.exports { ... …
nonNumericalFloat
  • 1,348
  • 2
  • 15
  • 32
17
votes
1 answer

How do I disable running an app on the local network when using vue-cli?

When I run a vue-cli project I see this: DONE Compiled successfully in 5778ms App running at: - Local: http://localhost:8080/ - Network: http://192.168.178.9:8080/ Note that the development build is not optimized. To create a…
Folaht
  • 1,053
  • 1
  • 13
  • 32
16
votes
1 answer

How to import css files in vue 3 child components?

I'm working on Vue 3, and I need to know how I can import different style sheets for different child components. For example, I have 3 child components, let's say A and B, and I want to import style sheet X in A and style sheet Z in B.
Hassaan Aslam
  • 183
  • 1
  • 1
  • 5
16
votes
1 answer

Check version of vuetify

I have not found anything about that. Regarding the very quick modifications from version to version: How to check which version of vuetify is installed?
daisyDuck
  • 301
  • 1
  • 2
  • 8
15
votes
2 answers

Unable to override Vuetify 2.1 SASS variables

I've been working through this issue for hours, and cannot come up with a solution. I've looked at several other StackOverflow posts that seem related (as well as the Vuetify docs), but nothing appears to be working for me. To start off, I'm simply…
J. Jackson
  • 3,326
  • 8
  • 34
  • 74
1
2
3
46 47