Visual Studio Code（VSCcode）
VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。
跨平台文本（代码）编辑器
VSCode（Visual Studio Code）是由微软研发的一款免费、开源的跨平台文本（代码）编辑器，算是目前前端开发几乎完美的软件开发工具。
第一、首先进行：VSCode下载
VSCode下载链接: https://code.visualstudio.com/
第二、再次汉化：VSCode编辑器
第三、VSCode常用插件安装和第二步相同
1. Auto Close Tag (自动闭合HTML/XML标签)
2. Auto Rename Tag (自动完成另一侧标签的同步修改)
3. Beautify (格式化 html ,js,css)
4. Bracket Pair Colorizer(给括号加上不同的颜色，便于区分不同的区块)
5. Debugger for Chrome(映射vscode上的断点到chrome上，方便调试)
6. ESLint(js语法纠错，可以自定义配置)
7. GitLens(方便查看git日志)
8. HTML CSS Support (智能提示CSS类名以及id)
9. HTML Snippets(智能提示HTML标签，以及标签含义)
10. JavaScript(ES6) code snippets(ES6语法智能提示，以及快速输入)
11. jQuery Code Snippets(jQuery代码智能提示)
12. Markdown Preview Enhanced(实时预览markdown)
13. markdownlint(markdown语法纠错)
14. Material Icon Theme(vscode图标主题)
15. Icon fonts(图标字体)
16. open in browser(右键快速在浏览器中打开html文件)
17. Path Intellisense(自动提示文件路径)
18. React/Redux/react-router Snippets(React/Redux/react-router语法智能提示)
19. Vetur(Vue多功能集成插件，错误提示等)
20. Class autocomplete for HTML(智能提示HTML class =“”属性)
21. npm Intellisense(require 时的包提示)
第四、VSCode快捷键
1、左侧是按键，右侧是功能(下同)
| 快捷键 | 说明 |
|---|---|
| rCtrl ＋ Shit + P , F1 | 显示命令面板 Show Command Palette |
| ctrl ＋ P | 快速打开 Quick Open |
| Ctrl + Shift ＋ N | 新窗口/实例New window/instance |
| Ccri ＋ shift ＋ w | 关闭密口/实例 Close window/instance |
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 |
| Ctrl + Shift + [ | 折叠（折叠）区城 Fold（collapse） 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 |
| Ctr + / | 切换行注释 Toggle line comment |
| Shift + Alt + A | 切换块注释 Toggle block comment |
| Alt + Z | 切换换行 Toggle word wrap |
3、导航
| 快捷键 | 说明 |
|---|---|
| Ctrl ＋ T | 显示所有符号 Show all Symbols |
| Ctrl ＋ G | 转到行... Go to Line... |
| Ctrl ＋ P | 转到文件... Go to File... |
| Ctrl ＋ Shift ＋ O | 转到符号... 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 | 切换选项卡移动焦点 Togle Tab moves focus |
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 Ctr ＋ D | 将最后一个选择移至下一个查找匹配项 Move last selection to next Find match |
| Aat + C / R / W | 切换区分大小写/正则表达式/整个词 Toggle case-sensitive / regex / whole word |
5、多光标和选择
| 快捷键 | 说明 |
|---|---|
| Alt + 单击 | 插入光标 Insert cursor |
| Ctrl ＋ Alt ＋ ↑ / ↓ | 在上/下插入光标 Insert cursor above / below |
| Ctrl ＋ U | 撤销上一个光标操作 Undo last cursor operation |
| Shift ＋ Alt ＋ I | 在选定的每一行的末尾插入光标 Insert cursor at end of each line selected |
| Ctrl + I | 选择当前行 Select current line |
| Ctrl ＋ Shift ＋ L | 选择当前选择的所有出现 Select all occurrences of current selection |
| Ctrl ＋ F2 | 选择当前字的所有出现 Select all occurrnces of current word |
| Shift ＋ Alt ＋ → | 展开选择 Expand selection |
| Shift ＋ Alt ＋ ← | 缩小选择 Shrink selection |
| Shift ＋ Alt ＋（拖动鼠标） | 列（框）选择 Column（box） selection |
| Ctrl ＋ Shift ＋ Alt + （箭头键） | 列（框）选择 Column （box） selection |
| Ctrlt ＋ Shift ＋ Alt + PqUp / PgDown | 列（框）选择页上 / 下 Column （box）selection page up / down |
6、语言编辑
| 快捷键 | 说明 |
|---|---|
| Ctrl ＋ 空格 | 触发建议 Trigger suggestion |
| Ctrl ＋ Shift ＋ Space | 触发器参数提示Trigger parameter hints |
| Tab | Emmet展开缩写 Emmet expand abbrevation |
| Shift ＋ Alt ＋ F | 格式化文档 Format document |
| Ctrl ＋ K Ctrl ＋ F | 格式选定区域 Format selection |
| F12 | 转到定义 Go to Definition |
| Alt ＋ F12 | Peek定义 Peek Definition |
| Ctrl ＋ K F12 | 打开定义到边 Open Defnition to the side |
| ctr ＋ . | 快速解决 Quick Fix |
| Shift ＋ F12 | 显示引用 Show References |
| F2 | 重命名符号 Rename Symbol |
| Ctrl ＋ Shift ＋ . / ， | 替换为下一个 / 上一个值 Replace with next/previous value |
| Ctrl ＋ K Ctrl ＋ X | 修剪尾随空格 Trim trailing whitespace |
| Ctrlt + K M | 更改文件语言 Change file language |
7、编辑器管理
| 快捷键 | 说明 |
|---|---|
| Ctrl + F4, Ctrl + W | 关闭编塌器 Close editor |
| Ctrl + K F | 关闭文件夹 Close folder |
| 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 |
8、文件管理
| 快捷键 | 说明 |
|---|---|
| Ctrl + N | 新文件 New Fle |
| Ctrl + O | 打开文件... Open File... |
| Ctrl + S | 保存 Save |
| Ctrl + Shift + S | 另存为... Save As... |
| Ctrl + K S | 全部保存Save All |
| Ctrl + F4 | 关闭 close |
| Ctrl + K Crl + 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 activefile |
| Ctrl + K R | 显示资源管理器中的活动文件 Reveal ative fle in Explorer |
| Ctrl + K O | 显示新窗口/实例中的活动文件 Show active file in new window/instance |
9、显示
| 快捷键 | 说明 |
|---|---|
| F11 | 切换全屏 Toggle full screen |
| Shift + Alt + 1 | 切换编辑器布局 Toggle editor layout |
| Ctrl + = / - | 放大/缩小 Zoom in/out |
| Ctrl + B | 切换侧栏可见性 Toggle Sidebar visibility |
| Ctrl + Shift + E | 显示浏览器/切换焦点 Show Explorer / Toggle focus |
| Ctrl + Shift + F | 显示搜索 Show Search |
| Ctrl + Shift + G | 显示 Git Show Git |
| Ctrl + Shift + D | 显示调试 Show Debug |
| Ctrl + Shift + X | 显示扩展 Show Extensions |
| Ctrl + Shift + H | 替换文件 Replace in files |
| Ctrl + Shift + J | 切换搜索详细信息 Toggle Search details |
| Ctrl + Shift + C | 打开新命令提示符/终端 Open new command prompt/terminal |
| Ctrl + Shift + U | 显示输出面板 Show Output panel |
| Ctrl + Shift + V | 切换Markdown预览 Toggle Markdown preview |
| Ctrl + K V | 从旁边打开Markdown预览 Open Markdown preview to the side |
10、调试
| 快捷键 | 说明 |
|---|---|
| F9 | 切换断点 Toggle breakpoint |
| F5 | 开始/继续 Start/Continue |
| Shift + F5 | 停止 Stop |
| F11 / Shift + F11 | 下一步 / 上一步Step into / out |
| F10 | 跳过 Step over |
| Ctrl + K Ctrl + I | 显示悬停 Show hover |
11、集成终端
| 快捷键 | 说明 |
|---|---|
| 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 |
转载注明：
感谢博主，喝杯咖啡~
扩展查找
0 条评论
发表评论
请喝咖啡
感谢博主，喝杯咖啡~
搜索文章
还没有人发表评论