VUE安装及常见问题


网上一些文章比较杂,可能说的过于简洁,也可能说得比较复杂,其实VUE的安装是比较简单的,在这里自己写文章总结记录下。

VUE安装

VUE的安装可以根据官网上的来,网址:Vue CLI 安装
首先你需要安装node.js,官网页面上会有两个版本:
LTS 的意思是长期支持的版本,稳定
Current 显而易见是目前最新发布的版本
在这里,我们使用LTS版本
在这里插入图片描述

官网上说了,如果你已经安装过VUE的旧版本(低版本,此处指3.0以下的版本),你可以使用以下两种命令来卸载旧版本。

npm uninstall vue-cli -g
#OR
yarn global remove vue-cli

那么这里补充的是,如果你之前安装的是3.0及以上的版本,由于各种原因你想卸载,可以使用以下两种命令来卸载。

npm uninstall -g @vue/cli
#OR
yarn global remove @vue/cli

安装命令:(3.0及以上版本,目前大多都是用3.0版本了,稳定且好用)

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

常见问题

问题1:verbose stack SyntaxError…

verbose stack SyntaxError: Unexpected end of JSON input while parsing near '...
首先,这个问题简单来说就是你连接npm库的网络不好(一般都不好),
解决这个问题的方法就是更换镜像为国内镜像:
首选淘宝镜像(博主自己用的):

npm config set registry https://registry.npm.taobao.org

更换之前推荐先清理下缓存:

npm cache clean --force

其他的镜像可以自己上网查下,博主没有用过,在这里不推荐了。

问题2:‘vue’ 不是内部或外部命令…

查看vue版本vue --version时,出现'vue' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
这个问题的根本解决方法是配置环境变量
1.查看npm安装的所在位置

npm config get prefix

默认安装一般是这个路径:

 C:\Users\Administrator\AppData\Roaming\npm

找到该目录后,可以看见vue.cmd文件,没有的话,说明你的VUE没装好,按照安装步骤卸载再来一遍。
2.将查到的路径添加到环境变量Path
3.重新打开控制台(重点!),再次执行vue --version,如果不重新打开控制台,依旧会出现相同的错误,但此时你的环境变量可能是配好了的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值