众所周知
vscode是一款优秀的编辑器,有大量的扩展可供下载使用,完全可以应对各种编程语言的实际开发,而且还支持Microsoft的诸如ppt word 等文件的打开(尽管打开速度很慢),可谓是十分方便,而且还是开源免费的!
刚刚接触vscode,这款编辑器给我的感觉是轻盈而强大的,想要挖掘更多的使用技巧和意外彩蛋
欢迎界面的布局也是很简洁的!使用帮助还是要看官方的,毕竟权威且规范。
这里我设置了主题和中文,分别可以在设置中搜索theme选定中意的主题、在扩展中搜索Chinese选择中文简体就OK了
官方的快捷键汇总表:
下载地址:
https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf
需要的自行下载,下面会分别介绍常用快捷键。
一,多点编辑:Multi-cursor
即可以同时编辑多个位置,一次输入,多处修改,非常方便,非常适用于需要插入多处相同文本的时候,强烈推荐。
和sublime text类似(vscode:Alt 左键单击;sublime:Ctrl 左键单击),作为一款优秀的编辑器,多点编辑不要太香。
方法
Alt + 鼠标左键:可在多处光标进行编辑。
选定文本块,快捷键:Ctrl Shift L,可以修改当前文件内的所有相同文本块。
其他相关shortcuts:
shortcuts | 说明 |
---|---|
Ctrl Alt up/down | 多点编辑同一列中的连续行 |
Ctrl U | 回退光标的位置 undo |
Shift Alt I | 选定文本的所有行的尾部多点编辑 |
二,选择文本
一些通用的就不再说了(诸如shift + 上下左右/pgup pgdown)
这里只聊聊vscode的特色
Ctrl L 选择当前行,且光标移至下一行行首,和shift + down是类似的
Ctrl F2 选择所有的当前word,以便多点编辑,Ctrl Shift L也可以完成类似功能。
多说一句,直接F2则可以修改文件中所有当前选定变量的变量名
三,复制、粘贴、移动、删除、注释、格式化
什么Ctrl c Ctrl v Ctrl x 的,想必在座的都是CV工程师,直接pass。
vscode 不需要选定文本,直接实现赋值粘贴:
shortcuts | 说明 |
---|---|
Shift Alt downArrow | 复制当前行并向下一行粘贴,光标位置移动到下一行尾部 |
Shift Alt upArrow | 向上一行粘贴,其他同理 |
Alt downArrow / upArrow | 上下移动当前行 |
Ctrl Shift k | 仅删除当前行(不像vim会同时会复制) |
四,注释、格式化、代码折叠
shortcuts | 说明 |
---|---|
Ctrl / | 亲测,c/c++ html css js php等都是有效的 |
Ctrl Alt f | 格式化文档 |
Ctrl Shift [ / ] | 折叠和打开 |
五,Emmet语法设置
可以说是Emmet简直是前端开发的神器,具体的语法及配置参见:
https://code.visualstudio.com/docs/editor/emmet
符号 | 说明 |
---|---|
#idname | id选择器 |
.classname | 类选择器 |
> | 子标签 |
*num | 多个标签 |
$ | 通配符,自动从1递增 |
{ } | 标签内的文本 |
举例: div#idname>p.classname$*3{test$}
扩展后:
<div id=“idname”>
<p class=“classname1”>test1</p>
<p class=“classname2”>test2</p>
<p class=“classname3”>test3</p>
</div>
vim扩展及其他扩展推荐
vim
在vscode中使用vim编辑,如同在Linux系统中的vim编辑器中编辑,超级好的体验感,可以说是每个熟悉vim的开发者必备插件
vscode-icons
根据文件的类别,自动给文件加上一个图标,显眼直观,安装量也是惊人的
Live Sever
这款插件可以让你写的html代码实时预览刷新,而不需要每次到浏览器中手动刷新
HTML Snippets
可以自动补全HTML
当然还有一些其他的插件,就由大家自己慢慢探索,如c/c++必备的c/c++插件;python插件…