VSCode使用合集

官方文档(英文版):Documentation for Visual Studio Code

自动保存:file->AutoSave,或者Ctrl+shift+P,输入auto



如何在 sidebar 隐藏编译后文件:

设置 Preferences -> Workspace Settings (或 User Settings)配置文件,将需要隐藏的文件按 glob 匹配模式进行配置,例如以下是 Angular2 TypeScript 项目中隐藏 .js 与 .js.map 文件的配置:

{

"files.exclude": {

"**/._*": true,

"node_modules/": true,

"app/*.js.map": true,

"app/*.js": true

}

}

自定义快捷键:文件->首选项->键盘快捷方式

贯穿始终的命令面板(Command Palettes)

为充分利用键盘,这一编辑中最强大的交互方式,VSCode提供了可以直达所有功能的命令面板:Ctrl + P打开命令面板。

输入?来查看可以使用的命令:

按下F1或Ctrl + Shift + P:显示或运行命令


代码编辑

【常用】上下移动一行: Alt+Up 或 Alt+Down

【常用】向上向下复制一行: Shift+Alt+Up或Shift+Alt+Down

【常用】format document格式规范:Shift+Alt+F/右键

【常用】剪切一行:Shift+delete\Ctrl+X

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

【常用】注释代码块:Ctrl+Shift+A

代码行缩进Ctrl+[, Ctrl+],或者Tab\Shift+Tab

折叠打开代码块 Ctrl+Shift+[, Ctrl+Shift+],或者行数旁边的+/-符号

在当前行下边插入一行Ctrl+Enter

在当前行上方插入一行Ctrl+Shift+Enter

【常用】Ctrl+D下一个匹配的也被选中(被我自定义成删除当前行了,Ctrl+Shift+K

编辑器与窗口管理

同时打开多个窗口(查看多个项目)

  【常用】打开一个新窗口: Ctrl+Shift+N

    关闭窗口: Ctrl+Shift+W

同时打开多个编辑器(查看多个文件)

    新建文件 Ctrl+N

    切出一个新的编辑器(最多3个)Ctrl+\,也可以按住Ctrl鼠标点击Explorer里的文件名

    左中右3个编辑器的快捷键Ctrl+1 Ctrl+2 Ctrl+3

3个编辑器之间循环切换 Ctrl+`

编辑器换位置,Ctrl+k然后按Left或Right

跳转导航

【常用】历史打开文件之间切换 Ctrl+Tab,Alt+Left,Alt+Right

按下Ctrl + E,会列出最近打开过的文件,输入文件名,即可打开该文件。

按下Ctrl + G或在命令面板中输入“:””,再输入行数即可跳转至该文件的相应行:

光标相关

【常用】移动到行首:Home

【常用】移动到行尾:End

移动到文件结尾:Ctrl+End

移动到文件开头:Ctrl+Home

移动到后半个括号 Ctrl+Shift+]

选中当前行Ctrl+i(双击)

选择从光标到行尾Shift+End

选择从行首到光标处Shift+Home

删除光标右侧的所有字Ctrl+Delete

Shrink/expand selection: Shift+Alt+Left和Shift+Alt+Right

【常用】Multi-Cursor多重选择:可以连续选择多处,然后一起修改,Alt+Click添加cursor或者Ctrl+Alt+Down 或 Ctrl+Alt+Up

【常用】同时选中所有匹配的Ctrl+Shift+L

回退上一个光标操作Ctrl+U

重构代码

【常用】跳转到定义处:F12/Ctrl+鼠标左键

?定义处缩略图:只看一眼而不跳转过去Alt+F12

?列出所有的引用:Shift+F12

同时修改本文件中所有匹配的:Ctrl+F12

【常用】方法重命名:比如要修改一个方法名,可以选中后按F2,输入新的名字,回车,会发现所有的文件都修改过了。

跳转到下一个Error或Warning:当有多个错误时可以按F8逐个跳转

代码差分/查看diff :先选择第一个文件,右键单击,选择“Select for Compare”,

再选择第二个文件,右键单击时,会出现“Compare with ‘…’”,选择即可进行差分:

查找替换

查找 Ctrl+F

查找替换 Ctrl+H

整个文件夹中查找 Ctrl+Shift+F

显示相关

全屏:F11

?zoomIn/zoomOut:Ctrl + =/Ctrl + -

侧边栏显/隐:Ctrl+B

如果文件夹中包含解决方案或项目文件(如C#的.sln/.csproj),VSCode会识别这些文件(在底部的状态栏中显示),并针对这些项目提供更丰富的功能,如更强大的智能提示等。

预览markdown Ctrl+Shift+V

自定义代码段

然后输入语言,例如我这里输入typescript

由于每次输入箭头函数() => {}太烦了,我这里加入一段加入一段

"arrow function": {

"prefix":"func",

"body": [

"(${e}) => {$1}"

],

"description":"arrow function"

}

保存后,下次输入func的时候就会自动出来箭头函数了

快速开始编写html的方法

1.在html文件第一行输入!

2.光标移到!后,按tag键


常用插件

摞到独立文章-插件介绍

配置TypeScript环境

首先覆盖默认ctrl + space快捷键,因为这个快捷键被输入法切换占用了

C:\Users\Administrator\AppData\Roaming\Code\User\keybindings.json

加入

// Place your key bindings in this file to overwrite the defaults

[

{"key":"ctrl+alt+space","command":"editor.action.triggerSuggest",

"when":"editorTextFocus"}

]

File - Open Folder 打开项目的目录

创建tsconfig.json

输入{},在大括号中间ctrl + alt + space(上边的自定义键盘)输入

{

"compilerOptions":{

"target":"ES5",

"module":"amd",

"sourceMap":true

}

}

可以创建.ts文件了

配置TaskRunnerCtrl+Shift+P输入Configure Task Runner

Run TaskCtrl+Shift+B

安装typings

Install typings to bring in the .d.ts files which power javascript intellisense.

npm install typings --global

# Searchfor definitions.

typings search tape

# Find an available definition (byname).

typings search --name react

# Install typings (DT is "ambient", make sure to enable the flag and persist the selectionin `typings.json`).

typings install react --ambient --save

install will create a typings folder. VS Code will reference the .d.ts files for intellisense.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,937评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,503评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,712评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,668评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,677评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,601评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,975评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,637评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,881评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,621评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,710评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,387评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,971评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,947评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,189评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,805评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,449评论 2 342

推荐阅读更多精彩内容