shayloyuki

科技是第一生产力

 

vsCode 常用快捷键

多光标编辑

  1. 选择块:Shift+directionArrow
  2. 添加多个光标:Alt+Click

行操作

  1. 复制粘贴行:Shift+Alt+Down/UpArrow
  2. 移动行:Alt+Down/UpArrow
  3. 删除行:Ctrl+Shift+K

在整个项目中重命名变量或函数名

光标处于要修改的变量中,F2

格式化文件

Shift+Alt+F

代码折叠展开

  1. 折叠: Ctrl+Shift+[
  2. 展开: Ctrl+Shift+]
  3. 全部折叠:Ctrl+K Ctrl+0
  4. 全部展开:Ctrl+K Ctrl+J

预览整个文件的错误

F8

代码片段

全局作用域 vue3.js.store.modules.code-snippets
    
      {
        "Create Vue3 store modules": {
          "scope": "javascript,typescript",
          "prefix": "mod",
          "body": [
            "const state = {}",
            "const getters = {}",
            "const mutations = {}",
            "const actions = {}",
            "",
            "export default {",
            "\tnamespaced: true,",
            "\tstate,",
            "\tgetters,",
            "\tmutations,",
            "\tactions",
            "}",
            "",
          ],
          "description": "Create Vue3 store modules"
        }
      }
    
  
特定文件作用域 markdown.json
    
      {
       "Create code block": {
         "prefix": "code block",
         "body": [
           "```${1:html}",
           "${2:code content}",
           "```",
         ],
         "description": "Create code block"
       },
       "Create fold code block": {
         "prefix": "code fold",
         "body": [
           "
", "\t${1:Click me}", "\t
",
           "\t\t",
           "\t\t\t${2:code content}",
           "\t\t",
           "\t
", "
", ], "description": "Create code fold" }, "Create hyperlink": { "prefix": "link", "body": [ "[${1:showText}](${2:linkURL}\t'${3:hoverText}')" ], "description": "Create hyperlink" } }

Emmet

JS 类型检查

  • javascript 类型检查
  • 检查某个文件:在文件头部添加 // @ts-check
  • 在 workspace 或设置中检查:添加 "js/ts.implicitProjectConfig.checkJs": true
  • 忽略某个文件: // @ts-nocheck

添加注释

Ctrl+/

打开终端

Ctrl+`

版本管理

参考来源:vsCode PlayGround

posted on 2023-01-29 15:52  shayloyuki  阅读(83)  评论(0编辑  收藏  举报

导航