第二个问题:关于语法

第二个问题:关于语法

# 具体遇到的问题

我之前照着老师的步骤一步一步敲的代码,结果效果是一样的,但是突然出现很长一串的报错,因为vue文件里面的报错非常长并且复杂,而且vue里面关联的文件非常多,我怕粘贴上来老师并不能很好推断错误出现在哪儿,于是自己花了点时间去寻找错误,发现了很多语法上面的东西。

报错原因很有可能是因为我在写完代码的时候习惯性的用了VScode里面的shift+alt+F(格式化代码)

希望老师能对我说一下一些细节上需要注意的语法

是否有什么插件能够格式化代码   符合检测的?

# 尝试过的解决思路和结果


1、vue文件里面貌似不赞成用双引号?

2、对象里面最后一个键值对不能用逗号?

3、写完不能用分号?

4、style写完之后还需要多留出一行?


#课程相关截图


例如:
这是报错的代码

http://img1.sycdn.imooc.com//climg/5f9bc246097f10bb06000383.jpg


这是正确之后的代码
http://img1.sycdn.imooc.com//climg/5f9bc1d209d3551906740440.jpg

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<template>

  <div>Home</div>

</template>


<script>

export default {

  name: 'Home'

}

</script>


<style>


</style>


在这里输入代码,可通过选择【代码语言】突出显示

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,对于你的问题解答如下:

1、从同学的描述分析,同学说的这些不属于报错,而是由于开启了ESLint语法检测出现的警告信息,不影响项目的正常运行。如下图所示,同学提出的都是属于vue语法格式的问题,根据控制台的警告提示信息调整下就可以了。

http://img1.sycdn.imooc.com//climg/5f9be7cb093c134c05300216.jpg

2、老师目前也没有查找到合适的插件能够直接格式化,让代码符合语法检测。

3、因为语法规范这些是都是人为规定的,实际开发中,会根据公司开发团队的整体风格做出调整的,例如:有的团队开发的代码统一使用两个空格缩进,有的公司可能统一使用四个空格缩进,所以老师也无法准确的给同学分析这些语法细节,不过目前阶段,由于同学目前的学习重点是掌握vue相关的知识,推荐同学在学习过程中将ESLint语法检测功能关闭,等到同学真正工作了,再和团队书写代码的风格保持统一就可以了。

关闭的方式如下:找到config文件夹下的index.js文件中useEslint属性,将它的值调整为false,然后重新启动下项目就可以了。

http://img1.sycdn.imooc.com//climg/5f9be96c09fa88ff12830283.jpg


祝学习愉快~


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师