美文网首页
vue的第一步:怀疑人生的出错

vue的第一步:怀疑人生的出错

作者: 灯不梨喵 | 来源:发表于2017-12-06 22:38 被阅读0次

开开心心,配置环境OK啦,大家都知道编程难的第一步,配置环境!

可以说我们已经把困难克服了50%(假笑

现在我们应该开始心无旁骛的学习了对不对!(强行打气

学习vue,打开官方文档,哇,太棒了,例子很有用耶!跟着写一遍好了!(起手式

然后就是无穷无尽绝望出错

vue学习:从入门到放弃

在网上搜索了一下,vue原来有非常严格的格式规范,从空格和缩进开始,逼迫你放弃学习


不行,环境都配置好了,我不甘心!!!!!我不甘心啊!!!


如果你有强迫症,按照下面的格式写代码,出了bug开开心心找空格

1.对象赋值空格

格式-〉属性名:(空格)值

属性名和冒号之间不能有空格 冒号和值之间必须有空格(翻白眼

new Vue({

        el: '#app'

})

2.运算符空格

运算符两边必须有空格

var a = "123"

3.函数空格

()两边必须加空格,没有参数的时候括号内部不能有空格

function func () { ...... }

存在多个参数时,分隔符右边必须有空格,左边不能有空格

function func (a, b) { ...... }

4.分号结束符

vue.js不用分号结束符,否则报错。(强迫症哭泣

那这么多格式,真的很烦,有没有什么办法解决?就好像一些编辑器会自带代码美化一样?

有,你在用webpack搭建环境的时候,记得把eslint选项取消掉哦!笔芯

那已经不小心配置了eslint怎么办哦。妈耶。

好的,我们正面刚它。

打开项目文件夹下build\webpack.base.conf.js

找到

module:{

    rules:[...]

这个对象数组,里面有个对象是有关eslint的,删掉它就ok了

然后重新npm run dev

好了,可以放飞自我了

相关文章

网友评论

      本文标题:vue的第一步:怀疑人生的出错

      本文链接:https://www.haomeiwen.com/subject/bborbxtx.html