vue创建项目踩坑记录 443 ECONNRESET

安装nodejs 并创建vue 项目的记录

首先安装nodejs 是傻瓜式操作，配置环境变量的可以参考这个博文：

点击跳转安装教程

查看node版本和npm 版本

使用淘宝镜像cnpm

第二步项目初始化
1.第一步：安装vue-cli

cnpm install vue-cli -g //全局安装 vue-cli

查看vue-cli是否成功，不能检查vue-cli,需要检查vue

vue init webpack ”项目名称“ 开始创建项目，但是一直报错

error: vue-cli路Failed to download repo vuejs-templates/webpack: read ECONNRESET

查询了很多的博客方法都是修改hosts 文件文件路径在

C:\windows\system32\drivers\etc
hosts 文件不是.txt 后缀名

错误提示：

vue-cli · Failed to download repo mpvue/mpvue-quickstart: connect
ETIMEDOUT 52.74.223.119:443

试验的几次有时还会报这个错

error: vue-cli Failed to download repo vuejs-templates/webpack: read ECONNRESET

方法一：

换一个网络，改成WiFi
对我的情况无效

方法二

修改hosts 文件配置
进入

C:\Windows\System32\drivers\etc\

有一个hosts的文件，在文件最后面追加

192.30.253.113 github.com
151.101.185.194 github.global.ssl.fastly.net

对我来说还是不行

ping 192.30.253.113 不通
ping github 通

用了方法2 还是没任何变化

方法三：离线创建（亲测有效）

具体步骤可以点击下方链接查看博客
https://blog.csdn.net/feinifi/article/details/104578546?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242
我们需要下载github仓库中的vue-templates/webpack，然后解压到本地。下载地址为：https://github.com/vuejs-templates/webpack，下载之后，解压到本地用户目录下的.vue-templates目录下。
我的node 下载到了 d盘
发现 C:\Users\Adminitrator\.vue-templates 该目录找不到
直接在文件夹里面创建会提示需要键入文件名称，因为是 . 开头所以不ok。

正确的姿势是在cmd中切换到该文件夹，
mkdir .vue-templates

vue init webpack vuedemo命令的时候，需要带上参数–offline表示离线初始化。

询问一些项目的配置后会开始安装依赖

结果我以为终于能成功了！！！
在执行npm run dev 的时候又报错了

'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

又去找了度娘

方法1：
尝试进行:cnpm install
而后重新执行：npm run dev
方法2:
这种方法可以通过修改npm的配置文件让npm到另外的pacakge mirror站点去找package，执行如下命令：

$ npm config set registry https://registry.npm.taobao.org
$ npm config set registry http://r.cnpmjs.org
或者：npm config set registry http://registry.npmjs.eu

随后再执行 :cnpm install
然后就可以运行了啦！
最后一个问题的解决方案转载自博主[藏海花的花]
(https://blog.csdn.net/qq_41931566/article/details/104769544)

（删掉所有webpack-dev-server，重新下载一个正确版本，注意：这个正确版本指的是和webpack匹配的版本，举例，如果webpack是3.10.0，那么webpack-dev-server就应是2.9.7）