vue cli 安装配置，以及报错处理

最新推荐文章于 2024-07-18 16:16:41 发布

原创最新推荐文章于 2024-07-18 16:16:41 发布 · 551 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#npm #visual studio

本文介绍在Win10系统下安装Vue的步骤。先安装node.js以具备node和npm环境，接着安装Vue。若输入vue ui命令无作用，需查看版本，卸载旧版安装新版。还提到运行中可能遇到的问题，如需安装Microsoft Visual C++ 20XX运行库，并给出参考文章。

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

我们上node.js官网(https://nodejs.org/zh-cn/)，下载最新的长期版本，直接运行安装完成之后，我们就已经具备了node和npm的环境啦。
在这里插入图片描述
查看是否安装成功，如果能够正常打印出版本就说明安装成功了

二、接下来我们开始安装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

在这里插入图片描述
解决办法

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

npm uninstall vue-cli -g
或
cnpm uninstall vue-cli -g（推荐，国内镜像，会快些）

安装新版本

npm install @vue/cli -g
或
cnpm install @vue/cli -g（推荐，国内镜像，会快些）

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

现在输入 vue ui 就可以运行起来啦，但是你还有可能会遇到一个更加不好解决的问题
上图
在这里插入图片描述
看到这个问题我也是很无奈呀，哎哎哎。。。
然后就是一通百度
百度上解决方案就是（基本全是，希望你想信，不要花打把时间去百度了，我已经帮你百度过来，花了我不少的时间，只要认真按照要求去做应该都是可以运行起来的。
）