When I tried to vue init webpack test-app
, I got the following error:
Command vue init requires a global addon to be installed.
Please run npm install -g @vue/cli-init and try again.
This is what I did to install vue cli v3 beta6npm install -g @vue/cli
This is the tutorial I followed
https://itnext.io/getting-started-vue-js-and-visual-studio-code-6990f92e918a
Apparently, the tutorial does not need to install @vue/cli-init
. I am wondering why and how to solve this issue.
Side Notes: When I install like this npm install -g vue-cli
it works as expected. I have found that vue-cli is a stable 2.9.x version.
Thanks a ton!
In my personal opinion, you should just install @vue/cli in your home or $HOME , and export the binaries from node modules bin folder to access it globally without providing a sudo password. Avoid the -g flag while installing.
@vue/cli-service-global is a package that allows you to run vue serve and vue build without any local dependencies. @vue/cli-service is a package that actually doing those vue serve and vue build , both @vue/cli-service-global and @vue/cli depend on it.
You can verify that it is properly installed by simply running vue , which should present you with a help message listing all available commands.
To solve the error "'vue' is not recognized as an internal or external command, operable program or batch file", install the @vue/cli package globally by running npm install -g @vue/cli , restart your terminal and make sure your PATH environment variable is set up correctly.
Looking at vue-cli repository I see two different ways of scaffolding vue projects.
The v3 (beta) version, installed as npm install -g @vue/cli
, creates projects using the following command:
vue create my-project
While the version 2.9.x, available at master branch, is installed as npm install -g vue-cli
and it allows projects scaffolding with the following:
vue init <template-name> <project-name>
for example:
vue init webpack my-project
So, in your scenario, for v3 version you should use: vue create test-app
.
Here you can find further information.
From the vue-cli website, Vue CLI 3 uses the same vue
binary , so it overwrites Vue CLI 2 (vue-cli
). So if you need the legacy vue init
you should install the global bridge
npm install -g @vue/cli-init
# vue init now works exactly the same as [email protected]
Please install npm install -g @vue/cli-init.
Hope this will solve your problem.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With