美文网首页
在Mac上使用vscode中遇到的问题

在Mac上使用vscode中遇到的问题

作者: 传说中的汽水枪 | 来源:发表于2018-07-23 11:41 被阅读2719次

    1. ESLint的其中一个警告

    vscode编写vue代码v-for时出现Elements in iteration expect to have 'v-bind:key' directives.
    不知道是否是因为eslint版本,vscode版本,OS系统的问题,没有找到相关操作步骤菜单。最后在mac我自己尝试出以下的方式消除此警告:
    Code->Preferences->Settings (话说vscode的Preferences居然有子菜单,我遇到过的绝大多数Mac软件都直接有一个Preferences)
    弹出如下的:


    image.png

    在红色框2中输入 vetur.validation.template
    会看到出红色框3,默认的是true,因为是只读的,所以只能在红色框3中做修改,红色框3中输入相关内容的时候会有代码提示。
    关闭后重新打开有warning的文件就会消除此警告了。
    点击红色框1会出现如下的:


    image.png
    哎这个才像一个标准的mac的偏好设置

    2. vue中引用class

    在model层(model.js)中定义了如下的:

    class QuestionBaseModel {
        constructor(type) {
            *****
        }
    }
    export default {
        QuestionBaseModel
    }
    

    在vue 的store下的index.js中:

    import {QuestionBaseModel} from '../model/model'
    const state = {
        sc: new QuestionBaseModel(1),
        ***
    }
    

    这个时候编译就会出现:


    image.png

    而实际的界面就会出现:


    image.png
    解决上述问题的方法是:
    在model.js把
    export default {
        QuestionBaseModel
    }
    

    改成

    export {
        QuestionBaseModel
    }
    

    就可以了

    相关文章

      网友评论

          本文标题:在Mac上使用vscode中遇到的问题

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