vue.js学习之ESlint的“坑”
利用cloud9(https://c9.io/)的主机,在里面创建了关于vue的项目,安装的时候选择了安装ESlint,刚开始不知道这是啥玩意儿,就一路Yes了下去,后来打完代码,一敲下 npm run dev的时候,显示出一大堆错误,我一愣,我敲的没错呀,这十几个错误是什么鬼?仔细一看:Expected Consistent space........Missing......缺少了空格?后来想
·
利用cloud9(https://c9.io/)的主机,在里面创建了关于vue的项目,安装的时候选择了安装ESlint,刚开始不知道这是啥玩意儿,就一路Yes了下去,后来打完代码,一敲下 npm run dev的时候,显示出一大堆错误,我一愣,我敲的没错呀,这十几个错误是什么鬼?仔细一看:Expected Consistent space........Missing......缺少了空格?后来想起来安装的时候有一个ESlint的东西,百度了一下:
ESLint是一个QA工具,用来避免低级错误和统一代码的风格
后来根据错误仔细修改了一下,发现:关于代码规范,每一句代码相对于它的上一级,需要空两格;方法名与括号需要空一格,括号接{也需要空一格,如:
<script>
import { Divider, XInput, XButton, Group } from 'vux'//import前需要空两格,与{之间需要空一格
export default {
components: {//相对于上一级components空两格, : 与 { 之间需要空一格
Divider,
Group,//回车换行相当于空一格
XInput,
XButton
},
data () {//方法与括号之间需要空一格,括号与 { 之间需要空一格
return {
account: '',
password: ''//属性名的 : 与属性值需要空一格
}
}
}//各{}需要严格对齐
</script>
因为这个原因,花了半个多小时才把作业做完,踩坑记录了才能记得牢。
贴上github关于javascript代码规范:
https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
更多推荐
已为社区贡献5条内容
所有评论(0)