VScode是一种简化且高效的代码编辑器,同时支持诸如调试,任务执行和版本管理之类的开发操作。它的目标是提供一种快速的编码编译调试工具。然后将其余部分留给IDE。vscode集成了所有一款现代编辑器所应该具备的特性,包括语法高亮、可定制的热键绑定、括号匹配、以及代码片段收集等。
VisualStudioCode(简称VSCode)是Microsoft开发的代码编辑器,它支持Windows,Linux和macOS等操作系统以及开源代码。它支持测试,并具有内置的Git版本控制功能以及开发环境功能,例如代码完成(类似于IntelliSense),代码段和代码重构等。编辑器支持用户定制的配置,例如仍在编辑器中时,可以更改各种属性和参数,例如主题颜色,键盘快捷键等,内置的扩展程序管理功能。
一、常用快捷键
1. Command + P:按路径查找文件(输入“>”就变成输入命令模式)
2. Command + Shift + P:打开命令面板
3. Command + , : 打开设置面板
4. Command + F:查找
5. Command + E:查找选定内容
6. Shift + Alt + F:格式化文档
7. Command + K Command + F:格式化选定内容
8. Command + [:行减少缩进
9. Command + ]:行增加缩进
10. Command + K Command + 0:全部折叠
11. Command + K Command + J:全部展开
12. Command + K Command + [:折叠选中部分
13. Command + K Command + ]:展开选中部分
14. Command + /:切换行注释
15. Command + Delete:删除行
16. Command + D:向下复制行
17. Command + C:复制
18. Command + X:剪切
19. Command + S:保存单个文件
Alt + Command + S:保存所有文件(建议改键为 Command + S
20. Command + V:粘贴
二、常用插件
1. 开发辅助插件
(1) Auto Close Tag:自动闭合 HTML 标签
(2) Auto Rename Tag:修改首标签时,自动修改尾标签
(3) Bracket Pair Colorizer 2:对成对的括号进行颜色区分
(4) Path Intellisense:资源路径智能提示插件
(5) Quokka.js: js 调试工具(实时反馈计算结果)
(6) Code Runner:运行选中代码段(选中要运行的代码右键 Run Code)
(7) Code Spell Checker:检查单词拼写是否有误,如果有库里不存在的单词则会下滑波浪线
(8) Visual Studio IntelliCode:智能感知
(9) Better Comments:注释高亮显示
2. VSCode 功能增强插件
(1) Chinese (Simplified) Language Pack for Visual Studio Code:中文语言包
(2) vscode-icons:VSCode 目录文件图标
(3) Project Manager:项目管理插件
(4) Live Server: 开启本地开发时服务器,为静态和动态页面提供实时刷新功能(文件右键选“Open With Live Server”,或者点击编辑器右下角的“Go Live”)
(5) Settings Sync:同步 VSCode 配置到 Gist
(6) filesize:在状态栏中显示当前文件大小
(7) Import Cost:显示 import/require 导入包的大小
(8) IntelliJ IDEA Keybindings:绑定 WebStorm 的快捷键
(9) CodeSnap: 代码截图
3. HTML 插件
(1) open in browser:用默认浏览器打开 HTML 文件
(2) HTML Snippets: html 代码片段
(3) HTML CSS Support: 智能提示css类名以及id
4. CSS 插件
(1) CSS Peek:HTML 和 CSS 中,关联 CSS 的跳转
(2) Color Picker: CSS 颜色选取插件
(3) Color Info: 在css的颜色上悬停,可以显示此颜色不同类型的颜色表示方式(如果悬停事件跟别的插件冲突,可能会被覆盖)
三、下载地址