vscode神器也

设置

顺便说一句, 那个恶丑的括号配对的样式, 是可以部分修改的.
editorBracketMatch 这个键应该有一些属性, 有空学一下.

{
    "window.zoomLevel": 0,
    "emmet.triggerExpansionOnTab": true,
    "bracketPairColorizer.activeScopeCSS": [
        "borderStyle : none none dotted none",
        "borderWidth : 0 0 1 0",
        "borderColor : 'green'; opacity: 0"
    ],
    "editor.matchBrackets": true,
    "workbench.colorCustomizations": { 
        "editorBracketMatch.background": "#e2908255", 
        "editorBracketMatch.border": "#00000000",
    },
    "bracketPairColorizer.consecutivePairColors": [
        "<>",
        "()",
        "[]",
        "{}",
        [
            "Gold",
            "Orchid",
            "LightSkyBlue"
        ],
        "Red"
    ],
}

参考:

  • 这个解释的特别清楚: https://stackoverflow.com/questions/39775406/how-to-turn-off-matching-highlighting
  • 官方可以设置的: https://code.visualstudio.com/docs/getstarted/theme-color-reference
  • 插件推荐: https://www.zhihu.com/question/40640654

使用vscode调试js

  • 看官方文档是可以的.
  • 然而没啥卵用, 因为electron只可以用它调试main process, 而main里面其实没啥逻辑. 都是菜单, 快捷键, 文档的生成和保存这类东西.

help相当好用

  • 要查杀直接搜索就好了. 比如我想知道究竟安装了哪些插件.
  • extension直接再help搜索这个然后出现对应的菜单项目, 然后就看到了.
快捷键
  • 用mac就是这点舒服, 大家的快捷键是统一的.
  • code自定义的快捷键: f1 或者 cmd shift p 可以打开命令面板.
  • cmd p 模式
    • 输入> 进入ctrl shift p模式
    • 文件名可以打开文件
    • ?列出可以执行的操作
    • !显示error和warning
    • : 跳转行 = ctrl g
    • @, @:, #分别可以找到函数, 变量, 属性……
  • cmd t被搜索占用了, 所以cmd n就当新建tab用吧.
  • cmd \ 拆分编辑器, 最多拆三个.
  • 格式化代码: 在cmd shift p模式输入format
    • 更简单的: shift option f
  • 去到定义处 f12
  • 光标跳回 cmd u 没有找到redo, 这个有点郁闷
    • 其实有的, 一对操作, 感谢万能的stackoverflow: https://stackoverflow.com/questions/35424367/how-to-navigate-back-to-the-last-cursor-position-in-visual-studio-code
    • ctrl -
    • shift ctrl -
    • 官方链接也有介绍, 再navigation段落
  • 重构改名 f2
  • 仔细阅读这个, 就没有任何问题了 : https://code.visualstudio.com/docs/getstarted/keybindings
插件
  • Bracket Pair Colorizer 这个是神器.
  • Git History 听上去不错, 仔细看了下介绍, 和命令行操作并无太多不同.
  • VSCode Great Icons, 这个不错.
  • 转化pdf, 如果是mac机, 那么都可以直接打印为pdf, 所以就不需要转化pdf了.
  • monokia dimmed 没必要装, vscode自带
  • path Intellisense 貌似有了autojump就没必要弄这个了
  • Output Colorizer ibm的输出着色工具, 貌似用了zsh就不大需要了. 不过这个方案好在他还同时处理的log文件的着色问题.
  • background 作者: shalldie 问题来了, 背景我也想随机.todo
    • 而且这个插件会修改vscode文件, 所以vscode会报错, 要求重新安装.
  • 最终我安装了这四个:
    • Bracket Pair Colorizer
    • Output Colorizer ibm
    • VSCode Great Icons
    • eva theme
需求
  • 如何指定随机的颜色主题themetodo
基础操作
  • https://code.visualstudio.com/docs/editor/codebasics