vue js学习之ESlint的 坑

首先给大家推荐一下我老师大神的人工智能教学网站。教学不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵黄段子!点这里可以跳转到网站

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

点这里可以跳转到人工智能网站