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后

  • 会高亮错误

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

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

    你可能感兴趣的:(vscode配置)