vscode 使用经验

快捷键

快捷键描述
Ctrl + ;toggle quote
Ctrl + M添加函数注释
Ctrl + Win + Ikoro1FileHeader 文件头部注释
Ctrl + Shift + E在资源管理器视图中显示活动文件
Ctrl + Shift + T切换单词命名方式
Ctrl + Shift + Cmacros.copyWithoutNewLine
Ctrl + Shift + /切换块注释

命令面板

模块命令描述
developershow running extensions查看正在运行的插件
helpstart extension bisect开启组件二等分
vuefind file references via vue language server查看当前文件被引用的地方
vuerestart vue and ts servers重启vue和ts服务

注释命令

command描述
/// to-function将箭头函数转换为普通函数
/// to-arrow将普通函数转换为箭头函数
***更多请参考

拓展

geddski.macros 添加宏命令

VSCode复制并粘贴1行而无需添加换行符

  1. setting.json

    json
      "macros": {
    "copyWithoutNewLine": [
      "cursorHome",
      "cursorEndSelect",
      "editor.action.clipboardCopyAction",
      "cancelSelection"
    ]
  },

  2. keybindings.json

    json
      {
    "key": "ctrl+shift+c",
    "command": "macros.copyWithoutNewLine"
  },

be5invis.vscode-custom-css vscode 中插入自定义 css 和 js

  1. vscode.css

    css
    :root {
  --vscode-font-family: 'Maple Mono NL Light', 'Maple Mono CN Light', consolas, 'Courier New', monospace;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label::after,
.monaco-pane-view .pane > .pane-header h3.title {
  font-weight: normal;
}

.windows:lang(zh-Hans) {
  font-family: var(--vscode-font-family);
}

  2. setting.json

    json
    "vscode_custom_css.imports": ["file:///E:/code/vscode.css"]

  3. 运行命令 Enable Custom Css and Js

Shan.code-settings-sync

由于切换到cursor,怎么同步设置成了一个大问题，还好有这个插件

  • Sync: Advanced Options --> 打开设置

    • 忽略文件夹里面添加 History 和 globalStorage、 profiles

    • 左边除了'静默同步'没有勾选，其他都勾选了

  • shift + alt + u: 上传配置

  • shift + alt + d: 下载配置

问题

TSServer exited. Code: null. Signal: SIGTERM

Reload with Extensions Disabled

stylelint 只有在编辑器第一次打开时生效，改动文件之后不生效

初步实验是 stylelint 与 Tailwind CSS IntelliSense 插件冲突，关闭 Tailwind CSS IntelliSense 插件后 stylelint 生效。

如果想要同时使用两个插件，可以在 settings.json 中配置：

json
{
  "files.associations": {
    "*.css": "tailwindcss"
  },
  // ...
  "stylelint.validate": [
  // ...
    "tailwindcss"
  ],
  "stylelint.snippet": [
  // ...
    "tailwindcss"
  ]
}

经过测试，没问题

Toggle Quotes 插件 快捷键 Ctrl + ' 无效

  1. 命令 editor.togglequotes 是没有问题

  2. 查看按键绑定， Ctrl + ' 也没有被别的插件占用

  3. 尝试切换一下按键绑定，改成 Ctrl + ;，然后再改回来。问题卡住了， Ctrl + ' 录不进去了！！！

  4. 算了，就用 Ctrl + ; 吧

this is footer