第二个问题:关于语法
# 具体遇到的问题
我之前照着老师的步骤一步一步敲的代码,结果效果是一样的,但是突然出现很长一串的报错,因为vue文件里面的报错非常长并且复杂,而且vue里面关联的文件非常多,我怕粘贴上来老师并不能很好推断错误出现在哪儿,于是自己花了点时间去寻找错误,发现了很多语法上面的东西。
报错原因很有可能是因为我在写完代码的时候习惯性的用了VScode里面的shift+alt+F(格式化代码)
希望老师能对我说一下一些细节上需要注意的语法
是否有什么插件能够格式化代码 符合检测的?
# 尝试过的解决思路和结果
1、vue文件里面貌似不赞成用双引号?
2、对象里面最后一个键值对不能用逗号?
3、写完不能用分号?
4、style写完之后还需要多留出一行?
#课程相关截图
例如:
这是报错的代码
这是正确之后的代码
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
<template>
<div>Home</div>
</template>
<script>
export default {
name: 'Home'
}
</script>
<style>
</style>
在这里输入代码,可通过选择【代码语言】突出显示
正在回答
同学你好,对于你的问题解答如下:
1、从同学的描述分析,同学说的这些不属于报错,而是由于开启了ESLint语法检测出现的警告信息,不影响项目的正常运行。如下图所示,同学提出的都是属于vue语法格式的问题,根据控制台的警告提示信息调整下就可以了。
2、老师目前也没有查找到合适的插件能够直接格式化,让代码符合语法检测。
3、因为语法规范这些是都是人为规定的,实际开发中,会根据公司开发团队的整体风格做出调整的,例如:有的团队开发的代码统一使用两个空格缩进,有的公司可能统一使用四个空格缩进,所以老师也无法准确的给同学分析这些语法细节,不过目前阶段,由于同学目前的学习重点是掌握vue相关的知识,推荐同学在学习过程中将ESLint语法检测功能关闭,等到同学真正工作了,再和团队书写代码的风格保持统一就可以了。
关闭的方式如下:找到config文件夹下的index.js文件中useEslint属性,将它的值调整为false,然后重新启动下项目就可以了。
祝学习愉快~
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星