快捷键总结

  • 单击文件 表示预览 (此时点击其他文件,会替换成其他文件)
  • 双击文件 表示编辑 (会固定在工作区)
  • [ Ctrl + k ] [ v ] 打开侧边预览,常用于 Markdown 语法文档,实时查看文件显示界面
  • [ Ctrl + Shift + k ] 删除本行
  • [ Ctrl + Shift + x ] 打开插件扩展
  • [ Ctrl + Shift + n ] 打开多窗口,查看多个项目
  • [ Ctrl + Shift + w ] 关闭窗口
  • [ Alt + 上箭头 ] 往上移动一行
  • [ Alt + 下箭头 ] 往下移动一行
  • [ Ctrl + c ] 复制当前行/选中的内容
  • [ Ctrl + v ] 粘贴当前行/选中的内容
  • [ Ctrl + i ] 快速选择一行
  • [ Ctrl + p ] 查找文件(搜索文件名)
  • [ Ctrl + b ] 切换侧边栏
  • [ Ctrl + \ ] 拆分编辑器
  • [ Ctrl + f4 ] 关闭当前文件
  • [ Ctrl + Shift + f] 搜索文件里面的字符串(全编辑器搜索)
  • [ Ctrl + Enter ] 在当前行下面插入一行
  • [ Ctrl + Shift + Enter ] 在当前行上面插入一行
  • [ Ctrl + Shift + ` ] 集成终端 Ctrl + 反单引号( Esc 下面那个键 )
  • [ Shift + Alt + 上箭头 ] 往上复制本行,光标在上一行
  • [ Shift + Alt + 下箭头 ] 往下复制本行,光标在下一行
  • [ Shift + Alt + f ] 整理代码格式
  • [ Shift + Home ] 选择从行首到光标处
  • [ Shift + End ] 选择从光标到行尾

使用小技巧

  • 关闭原有项目方法: 文件 》 关闭文件夹
  • 自定义代码块:文件 》 首选项 》 用户代码片段 》 选择语言 》 编写代码块 json 文件
  • 格式如下所示

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    {
    "My html tempelate": {
    "prefix": "html",
    "body": [
    "<!DOCTYPE html>",
    "<html>",
    " <head>",
    " <meta charset=\"utf-8\">",
    " <title>Title</title>",
    " <style>",
    "",
    " </style>",
    " </head>",
    " <body>",
    "",
    " </body>",
    "</html>"
    ],
    "description":"My html tempelate"
    }
    }
  • Vs code + live-server编辑和浏览HTML网页 :

    • 第一步: 安装Visual Studio Code + Node.JS
    • 在终端通过命令 npm install -g live-server 行安装live-server
    • 第三步:打开 Visual Studio Code 编写 HTML 代码,保存
    • 第四步:右击 HTML 文件所在的文件夹,选择 “在命令提示符中打开”
    • 第五步:在终端输入命令 live-server

      My VS Code 插件库

  • HTML Snippets

  • VS color Picker
  • live HTML Previewer 实时预览 HTML 使用方法:F1 》 Show side preview
  • SVG Viewer 实时预览 SVG 使用方法:F1 》 SVG