利用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


Logo

前往低代码交流专区

更多推荐