使用vue-cli3脚手架创建项目的系列报错

前言:

之前一直都是用vue2的脚手架创建项目  “vue webpack init xxx”

然后前几天接触到了vue3.0的脚手架,它是用  “vue create xxx”创建项目

但是在编译代码的时候莫名有特别多的报错信息,下面我来浅浅说一下我的解决方案

vue create xxx

创建项目我就是正常创建,可以看之前的这篇文章,只不过选择的是vue2.x版本(如下图)

使用vue-cli3脚手架创建项目的系列报错_第1张图片

 然后后面的步骤就都是一样的了

Delete `␍`eslint(prettier/prettier)

开始我就想着我加几个组件,新增一些路由代码,我才刚创建一个组件“TestView”,然后就正常的把之前的“HomeView.vue”里面的内容复制过来,好家伙,给我报一大堆鬼错误

使用vue-cli3脚手架创建项目的系列报错_第2张图片

 Delete `␍`eslint(prettier/prettier)     十几个这种错误

后面我看了一下,发现一个快捷的解决方法

使用vue-cli3脚手架创建项目的系列报错_第3张图片

 点击 CRLF  ,把它改成 LF

 然后会发现   Delete `␍`eslint(prettier/prettier)  这个报错都没了

不知名错误

解决掉第一个之后,后面又有不知名错误

使用vue-cli3脚手架创建项目的系列报错_第4张图片

 我在node_modules 里面确实找不到上面说的那个文件,然后找了好久都没有找到这个错误的解决方法,不过幸运的是还是能正常运行,我就暂且不理会这个错误了。

代码严格检测格式报错

像下面多一个空行,多一个空格都报错

使用vue-cli3脚手架创建项目的系列报错_第5张图片

使用vue-cli3脚手架创建项目的系列报错_第6张图片

 万能方法

后面我发现,只要创建项目的时候不选 (Linter / Formatter),就不会有这么严格的检查模式了,详情可以 看我的   另一篇文章

使用vue-cli3脚手架创建项目的系列报错_第7张图片

 后面没有选这个选项的项目果然就不报那种错误了,没有如此严格的代码规范检测自己就可以写的随意一些

 总结:

本文主要是针对刚接触vue-cli3脚手架创建项目的朋友,因为我自己在学习的过程中遇到上文类似的困难,也找了很多文章,但问题也没有很好的解决,靠着自己摸索,发现了里面的问题,希望这篇文章可以让新手朋友们少走一些弯路吧!


本人初次接触vue3,文章如有错误,恳请大家提出问题,本人不胜感激

文章对大家有帮助的话,希望大家能动手点赞鼓励,大家未来一起努力     长路漫漫,道阻且长     

转载请注明出处:https://blog.csdn.net/qq_52855464/article/details/124863988?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22124863988%22%2C%22source%22%3A%22qq_52855464%22%7D&ctrtid=kVtUf

你可能感兴趣的:(vue,vue.js,前端,javascript)