vue项目环境搭建所遇到的问题

本人vue项目框架搭建过程

在删除框架之后所遇到的问题（第一次搭建成功的前提下）

1

如果本地在搭建环境执行如下步骤后，
在执行vue init webpack hanjiaxm 的指令之后，出现错误（如下所示）
则创建项目时，运行vue init webpack 项目名字，报错信息如下:

vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFO UND github.com github.com:443

第一种原因：webpack没有全局安装
解决方法：执行三个命令检查环境
1.node -v
2.vue -v (没有显示版本，npm i vue-cli -g)
3.webpack-v(需要重新安装,npm install webpack -g)
三个条件满足时，运行vue init webpack demo（demo项目名）

第二种原因：可能是网络问题或者网络屏蔽了一些相关网站，导致下载webpack失败
解决方法：尝试手机WiFi

排错过程中的两篇vue项目过程，很详细。网址如下
添加链接描述
添加链接描述

2

.在本地框架搭建最后未成功的情况下，采取git clone 的方式 直接将远程仓库克隆下来。
具体步骤如下：
在本地建好项目文件夹后：（如 在F盘下建立xm）
则在xm中打开git bash后直接进行克隆
若成功，则克隆到本地即克隆完成，随即打开cmd命令行 输入
npm install
npm run dev
则项目运行成功

然而再次遇到问题 （如下图所示）
对于此问题，网络连接失败造成 解决方法参考如下：
添加链接描述
添加链接描述
添加链接描述

若任无法解决，则通过cmd命令行 ping一下github.com网站，看是否连接成功
若失败 参考如下解决方法
添加链接描述

3

然而在git clone成功后，在cmd中遇到问题，执行npm run dev 时，
则出现 webpack-dev-server不是内部或外部命令 的问题
解决参考如下：
添加链接描述
添加链接描述
添加链接描述

4

关于github.com无法访问，连接超时问题
参考如下
添加链接描述