VsCode-使用总结

1.插件

  1. Auto Reanem Tag:修改前后标签。
  2. Prettier:ctrl+s保存格式化代码。要设置format on save打勾。
  3. Beautify:输入指令格式化代码。
  4. Bracket Pair Colorizer2:括号对着色。
  5. Browser Preview:浏览器预览,右边会多一个浏览器的图标,相当于在右边打开Chrom。当然,两个屏幕就不用安装这个插件了。
  6. Community Material Theme:在插件栏中设置这个插件set color theme,就可以设置不同的颜色了,另一个主题插件:Ayu。
  7. indent-rainbow:缩进着色。
  8. LeetCode:百度“力扣”(刷题用的)。安装完这个插件之后,左边会多一个力扣的图标,使用力扣账户登录,就可以看题库了,关于解决方法、讨论等都有。题目的右下角会有一个Code New,然后Just open the problem file,就可以右边是描述,左边是解决方案。
  9. Live Server:服务器模式预览代码。HTML右键可以Open with Live Server。代码保存之后会实时变化。如果移动端需要做真机调试的时候有用。
  10. WakaTime:编程统计时间的工具,这个插件可以在它的网页端查看你的代码编写情况,该插件支持很多编辑器,包括WebStorm等等。
  11. Chinese:中文语言包。
  12. Vetur:Vue的支持插件。
  13. EMMET:HTML的快速编辑,官网有文档。
  14. CSS Peek:标签中的CSS跳转。
  15. color highlight:16进制颜色预览插件。可以在设置中UserSettings>>Extensions>>Color Highlight>>Maker Type设置预览模式。
  16. Code Runner:java、js等文件右键就可以运行了。
  17. gitignore:git忽略文件插件,文件右键就可以Add to gitignore。
  18. import Cost:文件分析插件,js依赖项的大小。
  19. Paste Image:编辑Makrdown文件时,快速粘贴复制的图片。
  20. project mananger:项目管理插件,安装好之后左边就会有一个项目管理的图标。在打开的项目中,按Ctrl+Shfit+P调出命令行面板。这里就会有保存项目。这个项目就可以保存在左边的图标中,之后可以方便打开。
  21. vscode-icons:文件图标。
  22. Documemt This:注释插件,在方法上按Ctrl+Alt+D按两次就可以根据方法生成注释。
  23. Language PL/SQL:支持SQL,编辑SQL文件用的。
  24. GitLens:Git的深入扩展

2.卸载

卸载:卸载软件之后,删除:C:\Users\2300\.vscodeC:\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
TabEmmet展开缩写Emmet expand abbreviation
Shift+ Alt+F格式化文档Format document
Ctrl+ K Ctrl+F格式选定区域Format selection
F12转到定义Go to Definition
Alt+ F12Peek定义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使用的命令等。

😰

# vsCode 

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×