为了账号安全,请及时绑定邮箱和手机立即绑定

vue之todolist 遇到的坑(一)

万事开头难!

在我安装vue-cli后,进行vue init webpack myproject的时候,弹出了这样的错误,

https://img1.sycdn.imooc.com//5b4775230001f57e06490233.jpg

图片是网上借来的,错误是一致的。尤其是关键的(let, const, function, class)等,经过百度,都说是node.js版本过低造成的,我随后就升级到了推荐的版本v8.11.3。问题解决!

npm 版本没动,觉得改动必要性不大,就随着他的v4.0.0一直走吧。



2.当我再次输入 npm i vue-cli -g

出现了如下的信息提示框,(npm update check failed ...)

https://img1.sycdn.imooc.com//5b4776500001b50405950121.jpg

图中红色标记部分因人而异,前面的差不多都是这一句话(npm update check...)。经查找答案,有的说是要改什么路径文件(未经验证),有的说直接将这个文件删除了。我采用的是第二种,将这个文件删除了,再次输入任何命令,没有再出现之前的这个提示框。问题解决!

答案援引处(https://stackoverflow.com/questions/45650300/npm-update-check-failed)

3.采用vue init webpack myproject的时候,有些慢。项目框架和文档之类的东西很快,慢在了下载各种依赖模块了。这里可以等一等的。

然后是npm install

最后是 npm run dev

根据生成的端口号,打开网页,如下表示成功

https://img1.sycdn.imooc.com//5b47804b00012f7912620576.jpg

到此,表面项目的基本架构做好了,接口也是可以的。

余下的,就是写代码了。

本次做的demo,是按照 如下课程 <vue.js入门基础 -- fishenal 老师>进行的。课程很实用,非常适合作为vue的第一道菜。

后续会把我的demo分享出来的。



点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消