安装vue3

背景:已全局安装了vue2,现在想要安装vue3

1》新建一个存放vue3的文件夹

2》打开这个文件夹的命令行

3》安装

npm install @vue/cli

 装好了之后,文件夹中有了node_modules文件夹

4》 进入.bin文件夹 > 记得改个名字,因为全局的vue命令已经被vue2占用了,直接改个vue3

检验安装是否成功

安装vue-cli后,会在当前目录下有一个 node_modules 的文件夹。这也就是局部安装vue所需要的模块的文件

那么怎么检验呢:

vue-cli3检验

在vue3的目录下执行:

./node_module/.bin/vue -v

 5》配置环境变量

打开环境变量所在位置

右键我的电脑-属性-高级系统设置-环境变量

新建系统变量

对应的输入变量名和文件目录
这里的目录就是我们安装vue的目录,而且找到.bin文件夹就可以了。
vue2和vue3不要弄混了。看图好理解

 最后修改Path变量

这一步才是最重要的
先找到Path的位置(这个不能新建,每台电脑都有的)、然后编辑

win10电脑下就直接在空白栏双击,然后填入刚才我们设置的变量名、注意有 %%包着的

如果不是win10的电脑
编辑Path的时候。可以移到路径的输入框的最后面
然后输入 ;%VUE_CLI2%;%VUE_CLI3%
【重点】 win10以下的电脑环境变量是以 ; 分开的,所以不要漏了

6》最后。重启电脑就行了
 

 参考文章:https://blog.csdn.net/Jioho_chen/article/details/90455778

猜你喜欢

转载自blog.csdn.net/yangdl6/article/details/119324896