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，如果不重新打开控制台，依旧会出现相同的错误，但此时你的环境变量可能是配好了的。