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