Vue环境安装报错汇总

一、command not found:create-webpack 

 

 原因是，指令输入错误。（ npm init webpack vue-demo）

解决办法： 

输入正确的指令：vue init webpack vue-demo

二、vue-cli · Failed to download repo vuejs-templateswebpack connect ETIMEDOU

第一种情况是：webpack没有安装，安装下即可 在DOS命令窗口中输入 npm install [email protected] -g  全局安装

第二种情况：在完成一后，仍然报ETIMEDOUT超时错误，则考虑是否是使用公司内网。

01 -如公司需要配置代理，使用如下发放进行配置npm代理，（不要忘加端口，吃过忘加端口的亏，导致npm代理未设置成功）

1、npm config set proxy http://server:port
2、npm config set https-proxy http://server:port

02 - 若公司不需要配置代理，使用如下方式清除npm代理。

1、npm config set proxy null
2、npm config set https-proxy null

03 - 通过如下情况查看代理是否配置成功或是否删除。

1、npm config get proxy
2、npm config get https-proxy

第三种情况：前两种仍解决不了问题的话，建议清除npm代理后，不使用公司内网，连接手机热点或wifi进行vue项目的搭建。

第四种情况：原因还可能是github.com访问不了，大家可以ping一下，看是否显示超时，若超时，则在host文件中加上下面两行。

1、140.82.112.3   github.com
2、199.232.69.194   github.global.ssl.fastly.net 

host文件路径：C:WindowsSystem32driversetchosts

第五种情况：设置镜像源为淘宝镜像

01 - 安装淘宝镜像

1、npm install -g cnpm --registry=https://registry.npm.taobao.org

02 - 设置淘宝镜像

npm config set registry http://registry.npm.taobao.org/

参考原文链接：https://blog.csdn.net/m0_67390963/article/details/123373317

参考vue官网安装步骤： 快速上手 | Vue.js

最后成功如下图：

http://localhost:8080