Vscode使用

我是四五年的webstorm忠粉，一直觉得它是世界上最好用、强大、方便的编辑器。

为了它深谙各种破解方法，突然有一天我知道的几种方法都不奏效了。破解的实在太累了，算了，尝试尝试不同的工具吧。

含泪挥别webstrom，捏着鼻子使用vscode，坚持一段发现插件装齐后，也是很香~~~

一：常用快捷键

1、折叠代码

ctrl + K ，ctrl + 0 失效时可能是因为快捷键冲突。比如CTRL+k绑定了两种快捷方式，需要在setting->keyboard shortcuts，删除重复绑定的快捷键

2、格式化代码

mac: option+shift+f

windows: alt+shift+F

3、编写html基础框架

输入html:5，然后输入回车。即可自动输入html的基础标签如html、head、body等

4、自动补全语句

比如写setTimeout函数，随着键入字母越来越全，当弹框匹配出如下图标示时，点击enter即可补全；

5、打开终端

ctrl + `

6、搜索文件

CTRL P

7、整体移动代码块

左移：Ctrl + [  
右移：Ctrl + ]

二：支持tpl等文件

三：必备插件

1、GitLens

每一行代码旁边都有git commit提交信息，特别适合团队合作。维护代码时一眼找到当时写代码的人，及提交说明。简直是个神器

2、vue-helper

JS跳转引用

vsCode本身ctrl + 函数，是不能自动跳转到函数声明的位置的，需要安装插件

3、css navigation

Class跳转引用

vsCode本身ctrl + class，是不能自动跳转到相应css位置的，需要安装插件

4、markdown工具

markdown preview enhanced

使用markdown看文档也是要安装插件的

5、FTP工具

插件名称叫做SFTP，非常好用

6、Git History

工作中难免多人协作，每次版本的上线目标都是很明确的，不可避免要经常去看提交记录。

这个插件用来查看提交记录，可以安装Don Jayamanne这个作者开发的，感觉很好用。

7、插件迁移

我们使用新电脑时，懒得一个个下载插件时。可以直接复制文件夹

vscode默认将插件装在c盘/user/用户名/.vscode/extensions文件夹，以及argv.json文件，直接整体替换此文件夹即可。

四：设置

1、配置sftp.json

Windwos下摁Ctrl+Shift+P,输入SFTP: config命令并运行,进入sftp.json

五：vscode鼠标看不清怎么办？

vscode设置黑色主题后鼠标在工作区很难看到，请问怎么解决

修改自己电脑上，控制面板的“鼠标”配置中自定义“文本选择”鼠标指针类型，可以选beam_r，带一个白框的，这样在任何场景下都很容易看清楚了。