必威体育Betway必威体育官网
当前位置:首页 > IT技术

VSCode使用总结

时间:2019-08-15 19:41:04来源:IT技术作者:seo实验室小编阅读:64次「手机版」
 

vs code

官网:https://code.visualstudio.com/

简介

VSCode是微软出的一款轻量级代码编辑器,免费而且功能强大,对javaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。VSCode推荐一个项目文件夹的方式打开。

一、设置首选项

下载安装完成后,打开编辑器,首先要设置主题、字体大小等。

1. 设置主题

文件→首选项→颜色主题

2. 设置字体大小

文件→首选项→设置,打开了一个setting.json文件,将左边的设置复制到右边进行覆盖生效,所有编辑器的设置都在这里修改。 

这里写图片描述

二、Emmet插件

最新版集成了Emmet 2.0,在文件→首选项→设置可以开启或者关闭功能 

这里写图片描述

三、快捷键

所有快捷键设置:文件→首选项→键盘快捷方式 

1. 在当前行中间换行到下一行:ctrl+enter 

2. 当光标点击到某一行时,默认选中全行,可以直接复制剪切 

3. 直接删除某一行:shift+delete或者ctrl+shift+k 

4. 多行光标选择:alt+鼠标左键 

5. 自动生成html结构和meta声明:首先输入“!”,然后按tab键 

6. 标签自动补全:tab键 

7. 折叠所有代码:ctrl+k、ctrl+0 

8. 拆分编辑器:ctrl+\ 

 查找框右边的3个参数分别为:区分大小写,全字匹配,使用正则 

这里写图片描述 

9. 跳转行号:ctrl+G 

10. 添加函数注释:在函数上方输入“/**”,然后点击enter 

这里写图片描述 

11. 格式化:alt+shift+f 

12. 注释:ctrl+/ 

13. 全部保存:ctrl+k, 然后只按s一个键 

14. 向上移动一行:alt+↑ 

15. 向下移动一行:alt+↓ 

16. 向上复制一行:alt+shift+↑ 

17. 向下复制一行:alt+shift+↓ 

18. 查找:ctrl+F 

19. 替换:ctrl+H 

20. 文件中查找:ctrl+shift+f 

可以在打开的文件夹中搜索所有文件内容 

21. 文件中替换:ctrl+shift+h 

22. 转到定义:F12 

23. 转到实现:ctrl+F12 

24. 打开文件夹:ctrl+k, ctrl+o 

25. 关闭文件夹:ctrl+k, 然后单按一个f 

26. 选中一段代码,通过“ctrl+[”可以左移,“ctrl+]”可以右移

相关阅读

Visual Studio Code 使用指南(vscode技巧)

布局:左侧是用于展示所要编辑的所有文件和文件夹的文件管理器,依次是`资源管理器`,`搜索`,`GIT`,`调试`,`插件`,右侧是打开文件的编辑区

分享到:

栏目导航

推荐阅读

热门阅读