vue init webpack Travel项目初始化失败的解决办法

1.概述

     最近,我也在学习慕课网Dell Lee老师的Vue2.5开发去哪儿网App 从零基础入门到实战项目课程,由于老师使用的是vue-cli脚手架工具,再者很多同学都卡在了vue init webpack Travel这一步,作为初学者的我也不例外,遇到问题我既高兴又无奈,高兴地是遇到问题能使之加深印象,避免以后再被难住,无奈的是经过度娘和各位道友的提示,多番尝试还是解决不了怎么办?就在我想要放弃的时候,哈哈,问题解决了。。留下博客,以便日后查看,也给和我遇到同样问题的道友一个解决的方案,加油!别放弃。。。(另外,感谢原创提供思路!)

2.原因解析

     假如你已经安装了Node.js和Git,如果不知道如何安装Node.js和Git的同学,请使用搜索引擎自己解决。安装好的同学需要在电脑的cmd终端下查看版本(node -v 和 npm -v)如查看有误,则可能是因为node没有全局安装,具体安装步骤可自行问度娘。

3.安装vue-cli,并初始化项目

     使用npm install -g vue-cli命令安装vue-cli。安装时总是有报错,我没去理会。

     直接使用 vue init webpack travel 命令,直接就给我报错说vue不是内部或外部指令啥啥的。我怀疑是vue没有全局安装,则参照全局安装vue,还是有报错,经过查找网上报错案例,得知需要配置环境变量,则需打开其根目录路径,将路径添加至环境变量中,可还是报错,按照原创的解决方法也还是报错,无奈之下,我搜索vue-cli安装报错如何解决,我采用最简单的办法,找到vue-cli目录,将文件删除,在终端上使用npm install -g vue-cli命令重新安装vue-cli,结果版本号就出来了,我返回desktop,输入vue,没有报错,我就安心接着老师的视频往下学习啦!(没有什么经验,报错的截图没能附上)

     接着,我按老师视频执行到npm run dev 时,还是有报错,于是我就根据报错信息“webpack-dev-sever不是内部或外部命令 ”找到这篇博客,根据他的步骤彻底解决了问题,localhost:8080真的可以访问啦!(在这里感谢博主,让我在绝望中看到希望!也特别感谢博主口中大神的博客https://blog.csdn.net/lon_01/article/details/79203698

     vue是一个还蛮不错的前端开发框架,作为初学的我们可能还会遇到很多问题,遇到问题是好事,积累解决问题的经验,将来你也可能成为大牛,也许遇到问题解决不出来会打退堂鼓,但是坚持一下,多去问,多去尝试,解决问题只是迟早的事,再说了,网上不是还有很多大牛嘛?记住!你不是一个人在战斗,加油。。。

     这是第二次写,还有很多需要改进,可能有些话会比较啰嗦,请友友们见谅!我是说给自己听的,也不怕大家笑话,我也是容易打退堂鼓的人,今天遇到问题,罕见的坚持下来,找资料,查问题给解决了,一点点进步也是收获呀!哈哈~所以写下博客,以此共勉。本人现自学前端,有什么好的建议,也可以提提的,感谢各位啦~

猜你喜欢

转载自blog.csdn.net/lha1995/article/details/81479155