网上一些文章比较杂,可能说的过于简洁,也可能说得比较复杂,其实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
,如果不重新打开控制台,依旧会出现相同的错误,但此时你的环境变量可能是配好了的。