一、为什么要使用快捷方式和插件。

快捷操作是为了能够加快编写代码的速度，例如复制多行、查找替换、代码格式化、多行注释等
插件为了能够方便程序员更专注的写代码，减少拼写错误、语法错误造成的报错等，例如代码补全，括号高亮，语法错误提示等

6.jpg

官方教程：https://code.visualstudio.com/docs/getstarted/introvideos#VSCode

二、常用的快捷操作

1. tape： 使用tape键完成代码自动补全操作，你写出部分代码，点击tape就能使用代码模板快速生成。
2. shift+alt+方向键：行复制，向上或下复制光标所在行。
3. alt+鼠标点击：再点击位置出现多个光标，可以实现多个位置插入删除。
4. 滑轮按下+鼠标移动：可以实现上3所说的功能，但是限制是多行同列的操作。
5. shift+alt+f：代码格式化，规范代码编写格式。
6. ctrl+f：进行替换和查找。
7. ctrl+shift+方向：用于快速选中内容，进行复制粘贴等操作。
8. ctrl+c：复制。
9. ctrl+v：粘贴。
10. ctrl+x：剪切。
11. ctrl+z：撤销操作。
12. ctrl+/：快速注释，可以选中多行，再使用一次 CTRL+/ 就能快速解除注释。

三、常用插件

（1）live server

用于在编写前端页面的时候，每次保存的时候能够自动刷新浏览器页面。不需要手动刷新。可以搭配VScode中的自动保存设置使用。能够达到自动刷新的效果。

（2）python、php，JavaScript、Java等语言插件

当我们在使用某种语言开发时使用不同类型的插件进行辅助。能够随时帮助我们检测我们有没有语法格式的错误。解决了很多小伙伴因为语法格式找半天bug的痛苦。同时各种函数或方法的名称五花八门，各种参数记都记不住。这时候就会有相应的代码提示和API文档帮助你更好的写代码。

（3）Anaconda Extension

一键帮你运行python脚本，不需要繁琐的命令行操作，还能自动检测电脑里面的各种版本的python以及虚拟环境。可以根据需求，选择选择。

（4）Bracket Pair Colorizer

是不是函数或者方法写得很长，for循环加上if条件判断，花括号一个接一个，看的让你头秃？这个插件能够让配对的括号高亮，非常贴心的帮你指出每一个花括号配对的代码块。爽到不能再爽！

（5）filesize

使用这个插件后就能看到你写的代码的文件大小。他会出现在VScode的左下角。看着自己写的代码一点一点越来越多，简直不要太爽！

（6）Vetur

使用vue框架的时候，代码补充，语法检错非常好用！

（7）Easy LESS

自动编译less语法并自动保存。多用于给前端页面写样式的时候。

（8）Jupyter

和jupyter记事本是一样的，将他直接部署在VScode里面了，不需要启动服务来通过浏览器显示，非常方便！

5.jpg