VSCode使用合集

作者: 琢磨先生lf | 来源:发表于2016-11-12 00:25 被阅读648次

官方文档(英文版):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.

相关文章

  • VSCode使用合集

    官方文档(英文版):Documentation for Visual Studio Code 自动保存:file-...

  • Sublime Text 插件介绍合集

    转战vscode 20170829 Sublime Text 插件介绍合集 1 Emmet 功能:编码快捷键,前端...

  • Java学习(2)VSCode环境配置

    VSCode Java 项目 怀着对VSCode的执著,还是使用VSCode来写Java,对于单文件,使用插件co...

  • 使用GitHub(三):使用VSCode+GitHub进行版本控

    使用GitHub(三):使用VSCode+GitHub进行版本控制 本文简单介绍使用VSCode+GitHub进行...

  • VS Code

    [TOC] 插件 VSCode折腾记-(1)快捷键大全 【备忘】 vscode 必备插件VsCode中使用Emme...

  • mac 使用code命令打开VSCode

    安装完vscode后 想使用:在终端使用命令 code .打开vscode,提示-bash: code: comm...

  • 常用软件使用技巧

    vsCode配置同步 多台电脑使用vsCode时,使用settings Sync插件同步配置 chrome快捷页签...

  • vscode常用插件合集

    个人常用的一些vsc插件 Live Server 为静态和动态页面启动具有实时重新加载功能的开发本地服务器。 ...

  • VScode 使用经验小结

    VScode 使用经验小结 一、我的settings.json 二、VScode常用插件 三、其他设置 使用vsc...

  • Go IDE

    VSCode 配置VSCode支持Go语言特性 VSCode中使用快捷键Ctrl+Shift+P进行安装界面,输入...

网友评论

    本文标题:VSCode使用合集

    本文链接:https://www.haomeiwen.com/subject/kvteuttx.html