1.插件
- Auto Reanem Tag:修改前后标签。
- Prettier:ctrl+s保存格式化代码。要设置
format on save
打勾。
- Beautify:输入指令格式化代码。
- Bracket Pair Colorizer2:括号对着色。
- Browser Preview:浏览器预览,右边会多一个浏览器的图标,相当于在右边打开Chrom。当然,两个屏幕就不用安装这个插件了。
- Community Material Theme:在插件栏中设置这个插件
set color theme
,就可以设置不同的颜色了,另一个主题插件:Ayu。
- indent-rainbow:缩进着色。
- LeetCode:百度“力扣”(刷题用的)。安装完这个插件之后,左边会多一个力扣的图标,使用力扣账户登录,就可以看题库了,关于解决方法、讨论等都有。题目的右下角会有一个
Code New
,然后Just open the problem file
,就可以右边是描述,左边是解决方案。
- Live Server:服务器模式预览代码。HTML右键可以
Open with Live Server
。代码保存之后会实时变化。如果移动端需要做真机调试的时候有用。
- WakaTime:编程统计时间的工具,这个插件可以在它的网页端查看你的代码编写情况,该插件支持很多编辑器,包括WebStorm等等。
- Chinese:中文语言包。
- Vetur:Vue的支持插件。
- EMMET:HTML的快速编辑,官网有文档。
- CSS Peek:标签中的CSS跳转。
- color highlight:16进制颜色预览插件。可以在设置中UserSettings>>Extensions>>Color Highlight>>Maker Type设置预览模式。
- Code Runner:java、js等文件右键就可以运行了。
- gitignore:git忽略文件插件,文件右键就可以Add to gitignore。
- import Cost:文件分析插件,js依赖项的大小。
- Paste Image:编辑Makrdown文件时,快速粘贴复制的图片。
- project mananger:项目管理插件,安装好之后左边就会有一个项目管理的图标。在打开的项目中,按Ctrl+Shfit+P调出命令行面板。这里就会有保存项目。这个项目就可以保存在左边的图标中,之后可以方便打开。
- vscode-icons:文件图标。
- Documemt This:注释插件,在方法上按Ctrl+Alt+D按两次就可以根据方法生成注释。
- Language PL/SQL:支持SQL,编辑SQL文件用的。
- GitLens:Git的深入扩展。
2.卸载
卸载:卸载软件之后,删除:C:\Users\2300\.vscode
与C:\Users\2300\AppData\Roasing\Code
。
3.快捷键
3.1.命令等
按Press | 功能Function |
Ctrl + Shift+P, F1 | 显示命令面板Show Command Palette |
Ctrl+ P | 快速打开Quick Open |
Ctrl + Shift+ N | 新窗口/实例New window/instance |
Ctrl + Shift + W | 关闭窗口/实例Close window/instance |
3.2.基础快捷键
按Press | 功能Function |
Ctrl+X | 剪切行(空选定) Cut line (empty selection) |
Ctrl+C | 复制行(空选定) Copy line (empty selection) |
Alt+↑/↓ | 向上/向下移动行Move line up/down |
Shift+Alt+↓/↑ | 向上/向下复制行Copy line up/down |
Ctrl+Shift+K | 删除行Delete line |
Ctrl+Enter | 在下面插入行Insert line below |
Ctrl+Shift+Enter | 在上面插入行Insert line above |
Ctrl+Shift+\ | 跳到匹配的括号Jump to matching bracket |
Ctrl+]/[ | 缩进/缩进行Indent/outdent line |
Home | 转到行首Go to beginning of line |
End | 转到行尾Go to end of line |
Ctrl+Home | 转到文件开头Go to beginning of file |
Ctrl+End | 转到文件末尾Go to end of file |
Ctrl+↑/↓ | 向上向下滚动行Scroll line up/down |
Alt+PgUp/PgDown | 向上/向下滚动页面Scroll page up/down |
CtrlI+Shif+[ | 折叠(折叠)区域Fold (ollapse) region |
Ctrl+Shift+] | 展开(未折叠)区域Unfold (uncollapse) region |
Ctrl+K Ctrl+[ | 折叠(未折叠) 所有子区域Fold (collapse) all subregions |
Ctrl+K Ctrl+] | 展开(未折叠)所有子区域Unfold (uncollapse) all subregions |
Ctrl+K Ctrl+0 | 折叠(折疊)所有区域Fold (collapse) all regions |
Ctrl+K Ctrl+J | 展开(未折叠)所有区域Unfold (uncollapse) all regions |
Ctrl + K Ctrl + C | 添加行注释Add line comment |
Ctrl + K Ctrl + U | 删除行注释Remove line comment |
Ctrl + / | 切换行注释Toggle line comment |
Shift + Alt + A | 切换块注释Toggle block comment |
Alt + Z | 切换换行Toggle word wrap |
3.3.导航
按Press | 功能Function |
Ctrl + T | 显示所有符号Show all Symbols |
Ctrl + G | 转到行.. Go to Line... |
Ctrl + P | 转到文件... Go to File.. |
Ctrl + Shift+ 0 | 转到符号... Go to Symbol.. |
Ctrl + Shift +M | 显示问题面板Show Problems panel |
F8 | 转到下一个错误或警告Go to next error or warning |
Shift + F8 | 转到上一个错误或警告Go to previous error or warning |
Ctrl + Shift+ Tab | 导航编辑器组历史记录Navigate editor group history |
Alt + ←/→ | 返回/前进Go back / forward |
Ctrl + M | 切换选项卡移动焦点Toggle Tab moves focus |
3.4.搜索和替换
按Press | 功能Function |
Ctrl + F | 查找Find |
Ctrl + H | 替换Replace |
F3/ Shift + F3 | 查找下一个上-个Find next/previous |
Alt + Enter | 选择查找匹配的所有出现Select all occurences of Find match |
Ctrl + D | 将选择添加到下一个查找匹配Add selection to next Find match |
Ctrl + K Ctrl + D | 将最后一个选择移至下一个查找匹配项Move last selection to next Find match |
Alt+C/R/W | 切换区分大小写/正则表达式/整个词Toggle case-sensitive / regex / whole word |
3.5.多光标和选择
按Press | 功能Function |
Alt +单击 | 插入光标Insert cursor |
Ctrl+ Alt +↑/↓ | 在上/下插入光标Insert cursor above / below |
Ctrl+ U | 撤消上一个光标操作Undo last cursor operation |
Shift + Alt + l | 在选定的每一行的末尾插入光标Insert cursor at end of each tine selected |
Ctrl+l | 选择当前行Select current line |
Ctrl + Shift+ L | 选择当前选择的所有出现Select all occurrences of current selection |
Ctrl+ F2 | 选择当前字的所有出现Select all occurrences of current word |
Shift+ Alt+→ | 展开选择Expand selection |
Shift+ Alt+← | 缩小选择Shrink selection |
Shift + Alt + (拖动鼠标) | 列(框) 选择Column (box) selection |
Ctrl+ Shift+ Alt+ (箭头键) | 列(框)选择Column (box) selection |
Ctrl+ Shift+ Alt + PgUp/PgDown | 列(框) 选择页上/下Column (box) selection page up/down |
3.6.丰富的语言编辑
按Press | 功能Function |
Ctrl+空格 | 触发建议Trigger suggestion |
Ctrl + Shift + Space | 触发器参数提示Trigger parameter hints |
Tab | Emmet展开缩写Emmet expand abbreviation |
Shift+ Alt+F | 格式化文档Format document |
Ctrl+ K Ctrl+F | 格式选定区域Format selection |
F12 | 转到定义Go to Definition |
Alt+ F12 | Peek定义Peek Definition |
Ctrl+K F12 | 打开定义到边Open Definition to the side |
Ctrl+ . | 快速解决Quick Fix |
Shift+ F12 | 显示引用Show Refergnces |
F12 | 重命名符号Rename Symbol |
Ctrl + Shift+./, | 替换为下一个/上一个值Replace with next/previous value |
Ctrl+K Ctrl+X | 修剪尾随空格Trim trailig whitespace |
Ctrl+ K M | 更改文件语言Change file language |
3.7.编辑器管理
按Press | 功能Function |
Ctrl+F4, Ctrl+W | 关闭编辑器Close editor |
Ctrl+K F | 关闭文件夹Close faIder |
Ctrl+\ | 拆分编辑器Split editor |
Ctrl+ 1/2/3 | 聚焦到第1,第2或第3编辑器组Focus into 1st, 2nd or 3rd editor group |
Ctrl+K Ctrl+←/→ | 聚焦到上一个/下一个编辑器组Focus into previous/next editor group |
Ctrl+Shift+PgUp/PgDown | 向左/向右移动编辑器Move editor left/right |
Ctrl+K←/→ | 移动活动编辑器组Move active editor group |
3.8.文件管理
按Press | 功能Function |
Ctrl+N | 新文件New File |
Ctrl+O | 打开文件.. Open File.. |
Ctrl+S | 保存Save |
Ctrl+Shift+S | 另存为... Save As... |
Ctrl+K S | 全部保存Save AlI |
Ctrl+F4 | 关闭Close |
Ctrl+K Ctrl+W | 关闭所有Close All |
Ctrl+Shift+T | 重新打开关闭的编辑器Reopen closed editor |
Ctrl+K | 输入保持打开Enter Keep Open |
Ctrl+Tab | 打开下一个Open next |
Ctrl+Shift+Tab | 打开上一个Open previous |
Ctrl+K P | 复制活动文件的路径Copy path of active file |
CtrlI+K R | 显示资源管理器中的活动文件Reveal active file in Explorer |
Ctrl+KO | 显示新窗口/实例中的活动文件Show active file in new window/instance |
3.9.显示
按Press | 功能Function |
F11 | 切换全屏Toggle full screen |
Shift+Alt+1 | 切换编辑器布局Toggle editor layout |
Ctrl+=/- | 放大/缩小Zoom in/out |
Ctrl+B | 切换侧栏可见性Toggle Sidebar visibilit |
Ctrl+Shif+E | 显示浏览器/切换焦点Show Explorer 1 Toggle focus |
CtrlI+Shif+F | 显示搜索Show Search |
Ctrl+Shif+G | 显示Git Show Git |
Ctrl+Shift+D | 显示调试Show Debug |
Ctrl+Shift+X | 显示扩展Show Extensions |
Ctrl+Shif+H | 替换文件Replace in files |
Ctrl+Shift+J | 切换搜索详细信息Toggle Search details |
Ctrl+Shift+C | 打开新命令提示符/终端Open new command prompt/terminal |
Ctrl+Shif+U | 显示输出面板Show Output panel |
CtrlI+Shift+V | 切换Markdown预览Toggle Markdown preview |
Ctrl+K V | 从旁边打开Markdown预览Open Markdown preview to the side |
3.10.调试
按Press | 功能Function |
F9 | 切换断点Toggle breakpoint |
F5 | 开始/继续Start/Continue |
Shift+F5 | 停止Stop |
F11 / Shift+F11 | 下一步/上一步Step into/out |
F10 | 跳过Step over |
Ctrl+K Ctrl+l | 显示悬停Show hover |
3.11.终端集成
按Press | 功能Function |
Ctrl+ ` | 显示集成终端Show integrated terminal |
Ctrl+Shift+` | 创建新终端Create new terminal |
Ctrl+Shift+C | 复制选定Copy selection |
Ctrl+Shift+V | 粘贴到活动端子Paste into active terminal |
Ctrl+↑/↓ | 向上/向下滚动Scroll up/down |
Shift+PgUp/ PgDown | 向上/向下滚动页面Scroll page up/down |
Ctrl+Home / End | 滚动到顶部/底部Scroll to top/bottom |
4.代码片段
文件>>首选项>>用户代码片段
5.Git
在下方的OUTPUT中,可以看到git使用的命令等。
😰