VScode的常用设置

VScode十分强大，所以各种设置自然繁杂，在这里记录自己使用时遇到的各种问题，不断更新、完善

插件

插件名	功能
Bracket Pair Colorizer 2	对匹配的括号着色(）、{}、[]
Auto Rename Tag	修改标签时，自动修改成对的配套标签
One Dark Pro	语法高亮主题
open in browser	允许您在默认的浏览器或应用程序中打开当前文件
Path Intellisense	自动完成文件名
View In Browser	默认浏览器中查看HTML文件
Prettier	代码格式化
Import Cost	在编辑器中显示导入/要求的包大小

快捷键

快捷键	说明
alt+b	Open in brown vsc打开浏览器插件
ctrl+s	保存
ctrl+/	注释
Ctrl+Enter	光标行下创建新行
Tab	缩进一次
Shift+tab	回调缩进一次
Alt+z	自动换行
Ctrl+[或]	控制光标所在行按tab左右移动
p*10	一次创建10个p标签
行 的操作
ctrl + enter	向下重开一行
ctrl+shift + enter	在上一行重开一行
ctrl + x	光标没有选择内容时， 剪切一行
ctrl +shift + k	直接删除一行
alt + ↑	向上移动一行
alt + ↓	向下移动一行
shift + alt + ↓	向下复制一行
shift + alt + ↑	向上复制一行
词 的操作
ctrl + d	选中一个词
Ctrl + Shift + [	折叠区域代码
Ctrl + Shift + ]	展开区域代码
Ctrl + /	添加关闭行注释
Shift + Alt +A	块区域注释
搜索或者替换
ctrl + f	搜索
ctrl + alt + f	替换
ctrl + shift + f	在项目内搜索
光标
End	光标跳转到行尾
Ctrl + Home	跳转到页头
Ctrl + End	跳转到页尾

字体

最常用的字体是 Fira Code，效果：

第一步：点击下载
第二步：在win字体设置里安装，在可用字体里选择该字体，查看到效果后，证明可用在系统里使用了。

第三步：在vscode内，设置要使用的字体。