vsCode使用总结
## .插件
- 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.命令等
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.基础快捷键
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.导航
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.搜索和替换
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.多光标和选择
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.丰富的语言编辑
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.编辑器管理
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.文件管理
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.显示
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.调试
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.终端集成
<table>
<tr>
<td>Ctrl+ ` </td>
<td>显示集成终端Show integrated terminal</td>
</tr>
</table>
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使用的命令等。

浙公网安备 33010602011771号