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

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.脚手架创建完成,文件夹的结构如下:
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐