vscode配置

之前的很长一段时间都在用sublime，后来发现周围的同事都开始用vscode，我也安装来试了下，感觉还不错。初略看vscode优势：

• 搜索速度快
• 板块分明，很多开发用到的工具已经集成
• 配置很方便

不过没有找到跟sublime全局搜文件类似的功能，文件搜索只能看到已经打开过的文件～～～

配置

下面记录下我用到的配置

{
    "editor.rulers": [120], // 字数垂直参考线
    "editor.tabSize": 2, //前端开发缩进
    "editor.renderWhitespace": "all", //显示空格
    "editor.renderControlCharacters": true, //显示控制字符
    "files.trimFinalNewlines": true, //保存时去掉文件尾多余的空行
    "files.trimTrailingWhitespace": true, //保存时去除行尾多余的空格
    "files.insertFinalNewline": true, //保存时文件最后新增一个空行
    "files.autoSave": "onFocusChange", //焦点离开时保存
    "diffEditor.renderSideBySide": false //git查看文件修改不分成两个文件
}

每用一种编辑器我都会找到这些设置加上去，开发会方便很多

插件使用

• px2rem
  px转换成rem，用着还行。就是不像我以前用的sublime的一个类似插件可以圈定文件类型使用，有点遗憾。插件图片上的动漫妹子看着像是fate stay night的Saber，嗯，喜欢！！

解决问题

• Elements in iteration expect to have 'v-bind:key' directives.

安装了vue语法高亮的插件Vetur后

<li v-for="item in items"></li>

会高亮错误

[eslint-plugin-vue]
[vue/require-v-for-key]
Elements in iteration expect to have 'v-bind:key' directives.

看着好不舒服，上网搜了下配置，关掉相关检查，错误消失。我工作的项目grunt会启动检查，就没有做其它单独的操作。
"vetur.validation.template": false