在Mac上使用vscode中遇到的问题
2018-07-23 本文已影响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
}
就可以了