vue安装中遇到的五个错误及解决方法

前言

这篇博文不会教你如何安装vue，但会告诉你在安装过程中可能会遇到的五个问题

5份错误报告

:如果用vue -V查询是否安装vue，提示没有找到说明，可能是没有安装vue-cli支架(vue-cli可以快速创建vue项目)

: Vue安装淘宝镜像时报错，表示配置无效，必须是完整合法的http地址，因为我在url前面加了空格，所以这里没有空格。

注意：安装淘宝镜像后，所有需要npm的地方都可以用cnpm代替，但建议模块和插件安装cnpm，vue打包启动npm

(cnpm是国产镜像，npm服务器在国外，固定cnpm安装速度比较快，但可能会因为更新不及时出现一些意外问题)

:如果直接使用npm run dev命令，会报错，表示没有这样的文件或目录，需要先创建一个项目。

使用vue init web pack vue _ test(vue _ test是项目名称)创建一个项目，然后根据需要选择它。

没有(Y/n)选项供您选择是否安装，可以直接按enter键，Y为安装，N为不安装

:如果进入项目目录，输入npm run dev，系统会提示找不到项目，说明您的项目路径错误。检查项目路径和输入命令是否正确。

这里，项目路径的输入是错误的。直接复制粘贴到git bash(相当于windows的cmd)中的路径斜杠将变成“\”，但实际上应该使用“/”。

注意：不能通过ctrl v直接粘贴git bash中复制的项目路径，可以通过点击鼠标滚轮直接粘贴

:当进入npm install安装依赖包时，如果出现下图提示，

审核11959个包，发现12个漏洞(7个中风险，5个高风险)。运行“npm审核修复”来修复它们。

或者运行“npm audit”获取更多信息，直接输入npm audit fix进行修复。

然后会出现下图，告诉您一些漏洞已经修复，您需要输入npm audit fix - force来进一步修复它们

然后看到以下提示并输入npm审核

最后，当您看到下图时，您已经完全修复了该漏洞

补充：

:运行npm run dev后自动打开浏览器设置(默认为手动打开)

然后找到autoOpenBrowser: false并将false更改为true

:如果你想停止启动vue，就不要每次都重复下面3个步骤

Cd '项目路径'

npm安装

npm运行开发

可以直接ctrl c，如下图，根据提示选择y。此时，您只需要输入npmrun dev一次。