安装vue脚手架报错A complete log of this run can be found in以及脚手架创建详细配置过程

说明:仅供参考和学习,转载请注明出处

1.问题:安装vue脚手架报错A complete log of this run can be found in。
2.报错如图:
在这里插入图片描述
根据下面的日志文件,打开查看错误如下:
在这里插入图片描述
查看资料发现errno -5错误为I/O error,也就是说可能是网络原因造成的。所以可以使用淘宝的镜像库。
在这里插入图片描述
3.但是只是想自己安装一个脚手架玩玩,就查看了一下npm版本,发现版本不是最新的,因此更新了一下版本。
在这里插入图片描述
在这里插入图片描述
更新后的版本:
在这里插入图片描述
4.更新后重新创建脚手架命令行工具成功:
在这里插入图片描述
5.创建vue脚手架:
5.1第一步: 首先用vue命令创建一个脚手架项目文件夹,vue create 项目文件夹名称
此时会弹出,是否使用淘宝镜像库,选择y
在这里插入图片描述
5.2第二步:选择第二个,手动配置
在这里插入图片描述
5.3第三步
说明
(1)Babel—翻译,因为不是所有的浏览器都支持es6,所以需要Babel最后将所有的es6的代码翻译为大多数浏览器能识别的es5代码。
(2)TypeScript:微软出的严格的script。
(3)Progressive Web App (PWA) Support:渐进式Web应用程序(PWA)支持
(4)Router:路由,必选
(5)Vuex:Vue中的状态机制,用来存放公共的数据
(6)CSS Pre-processors:Css预处理器,处理sass,less等css
(7)Linter / Formatter:代码质量检查工具,慎选,即使代码没错,格式不规范也会报错
(8)Unit Testing/E2E Testing:测试工具
在这里插入图片描述
5.4第四步:默认vue的地址栏都是用#/路径来跳转,因此可能和你的锚点冲突。如果既想用vue,又想用锚点地址,则只能开启history模式。开启后,地址栏就没有#,只有/。但是想要开启history模式,需要后端的支持。
在这里插入图片描述
5.5第五步:将所有的配置都放在一个package.json文件中
在这里插入图片描述
5.6第六步:不把这次的配置项目保存为今后的配置模板
在这里插入图片描述
5.7创建完成
在这里插入图片描述
6.脚手架创建完成,文件夹的结构如下:
在这里插入图片描述

  • 3
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值