VScode - 使用

插件

安装
安装插件: Ctrl + P 然后输入 ext install vetur 然后回车点安装即可

  • vetur - vue代码高亮
  • eslint
  • Output Colorizer

链接

基本使用

  • 复制整行

    Ctrl+C Ctrl+V如果不选中,默认复制或剪切一整行

  • 撤销最近一次关闭的编辑文件

    Cmd + Shift + T
  • 显示隐藏左边栏

    Cmd + B
  • markdown预览

    Cmd + Shift + V
  • 切换多个文件

    Ctral + Tab

光标跳转

  • 光标插入多个位置:

    Alt + 点击选中
  • 返回上一次光标位置

    Cmd + U
  • 选中当前行左或者右

    Cmd + Shift + 左右箭头
  • 选中单一词汇

    Shift + Alt + 左右箭头
  • 光标移动给到单词末或头

    Alt + 左右箭头
  • 移动行首或者行位

    Cmd + 左右箭头

  • 选中文件中,光标所在的所有词汇

    Cmd + F2
  • 翻页

    PageDn
    PageUp

修改光标所在行背景及边框

"workbench.colorCustomizations": {
    // 修改光标所在行背景
    "editor.lineHighlightBackground": "#ff0000",
    // 修改光标颜色
    "editorCursor.foreground": "#ff0000"
},

修改主题颜色,参考链接:

页面相关

# 展开隐藏侧边栏
Cmd + B

# 最近文件跳转
Cmd + P

# tab切换
Ctrl + Tab

# tab当前关闭
Cmd + W

# 打开最近关闭的文件
Cmd + Shift + T

# 打开、关闭右侧预览功能
打开设置,搜索改为false:"editor.minimap.enabled": false,

# 查看快捷键
Cmd + K, Cmd + S

vscode快速打开文件夹

mac下vscode 命令行打开文件夹

vim ~/.bash_profile
export PATH=/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin:$PATH
#保存退出
source ~/.bash_profile
code . #当前目录就被打开了。

以上比较out,可以使用如下方式:

  • Launch VS Code.
  • Open the Command Palette (⇧⌘P) and type 'shell command' to find the Shell Command: Install 'code' command in PATH command.

Command Line Interface (CLI):官方文档

# 当前窗口打开文件
code fileName -r

配合shell快速打开

incr.zsh 补全插件 让你在zsh 模式下全自动补全指令或目录

# 安装zsh插件:incr.zsh

链接

@2017-05-22 11:08