一、环境准备
1、首先我们先要安装node.js,我的是win10 系统

我们上node.js官网(https://nodejs.org/zh-cn/),下载最新的长期版本,直接运行安装完成之后,我们就已经具备了node和npm的环境啦。

查看vue是否安装了axios 检查vue是否安装成功_visual studio


查看是否安装成功,如果能够正常打印出版本就说明安装成功了

查看vue是否安装了axios 检查vue是否安装成功_node.js_02


二、接下来我们开始安装vue

# 安装淘宝npm
npm install -g cnpm --registry=https://registry.npm.taobao.org
# vue-cli 安装依赖包
cnpm install --g vue-cli

启动vue客户端界面

# 打开vue的可视化管理工具界面
vue ui

这时你可能发现输入 vue ui 命令可能没有什么作用

这是你需要查看一下vue 的版本,版本小于3.0是不会起作用的

vue -V

查看是否有 ui 功能

vue -h

查看vue是否安装了axios 检查vue是否安装成功_查看vue是否安装了axios_03


解决办法

卸载旧版本,安装新的版本

npm uninstall vue-cli -g
或
cnpm uninstall vue-cli -g(推荐,国内镜像,会快些)

安装新版本

npm install @vue/cli -g
或
cnpm install @vue/cli -g(推荐,国内镜像,会快些)

这里说明一下,为什么安装了又要卸载掉重新装,一步到位它不香么。其实是考虑到已经装过低版本的朋友。

现在输入 vue ui 就可以运行起来啦,但是你还有可能会遇到一个更加不好解决的问题

上图

查看vue是否安装了axios 检查vue是否安装成功_百度_04


看到这个问题我也是很无奈呀,哎哎哎。。。

然后就是一通百度

百度上解决方案就是(基本全是,希望你想信,不要花打把时间去百度了,我已经帮你百度过来,花了我不少的时间,只要认真按照要求去做应该都是可以运行起来的。



我的时间基本都是花在最后文章说的最后一步,应为我看我的

查看vue是否安装了axios 检查vue是否安装成功_npm_05


这些都有(2012是我后面安装的,也就是我解决问题的关键。你的可能不一定)所以就拼命的百度。写这篇文章,就是希望你不要像一样。安装 Microsoft Visual C++ 20XX(运行库)(XX表示:05、08、10,12)没有安装包其实一点都不要慌,

百度一下就ok

查看vue是否安装了axios 检查vue是否安装成功_查看vue是否安装了axios_06


查看vue是否安装了axios 检查vue是否安装成功_node.js_07


随便点一个下载就行,可能它会是一个下载器,会给你下载一下其他的东西,没关系只要能解决问题。我们手动删一下就行。


查看vue是否安装了axios 检查vue是否安装成功_查看vue是否安装了axios_08


(vue ui 没反应)