• vscode常见插件安装

    • Chinese 中文(简体)语言包
    • Material Icon —— vscode-icons 显示代码图标
    • open in brower —— 通过编辑器直接打开默认浏览器
    • Live Server —— 开启本地服务器
    • Auto Rename Tag —— 自动修改标签对名称
    • prettier —— 格式化代码
  • 相关设置

    • 字体设置
      vscode使用技巧插图

    • 光标设置,平滑插入动画
      vscode使用技巧插图(1)

    • 关闭代码缩略图
      vscode使用技巧插图(2)

    • ctrl + 鼠标滚轮缩放字体大小
      vscode使用技巧插图(3)

  • vscode快捷键

    • 注释:
      • 单行注释:ctrl + k ctrl + c 或 ctrl + /
      • 取消单行注释:ctrl + k ctrl + u(按下 ctrl 不放,再按 k+u)
      • 多行注释:alt + shift + A
      • 多行注释 : /**/
    • 移动行:alt + up/down
    • 显示/隐藏左侧目录栏 ctrl + b
    • 复制当前行:shift + alt + up/down
    • 删除当前行:shift + ctrl + k
    • 控制台终端显示与隐藏:ctrl + ~
    • 查找文件/安装 vscode 插件地址:ctrl + p
    • 代码格式化:shift + alt + f
    • 新建一个窗口:ctrl + shift + n
    • 多行编辑:Ctrl + Alt + up/down
  • emmet语法
    vscode使用技巧插图(4)

  • 原文: http://www.arryblog.com/guide/vscode.html#vscode-%E5%B8%B8%E8%A7%81%E6%8F%92%E4%BB%B6%E5%AE%89%E8%A3%85

本站无任何商业行为
个人在线分享 » vscode使用技巧
E-->