六六工具箱_66工具箱_致力打造安全、快捷、好用的工具箱~

编程工具

Visual Studio Code

Visual Studio Code

分类:编程工具
大小:87.8 MB

应用介绍

VScode是一种简化且高效的代码编辑器,同时支持诸如调试,任务执行和版本管理之类的开发操作。它的目标是提供一种快速的编码编译调试工具。然后将其余部分留给IDE。vscode集成了所有一款现代编辑器所应该具备的特性,包括语法高亮、可定制的热键绑定、括号匹配、以及代码片段收集等。

VisualStudioCode(简称VSCode)是Microsoft开发的代码编辑器,它支持Windows,Linux和macOS等操作系统以及开源代码。它支持测试,并具有内置的Git版本控制功能以及开发环境功能,例如代码完成(类似于IntelliSense),代码段和代码重构等。编辑器支持用户定制的配置,例如仍在编辑器中时,可以更改各种属性和参数,例如主题颜色,键盘快捷键等,内置的扩展程序管理功能。

图片1.png

一、常用快捷键

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的颜色上悬停,可以显示此颜色不同类型的颜色表示方式(如果悬停事件跟别的插件冲突,可能会被覆盖)

 

三、下载地址

   地址一           官网