vscode教程（含使用技巧、保存时自动格式化文件等设置）_turbo console log

搜索技巧

• Cmd + F（Win用户是Ctrl + F）：在当前文件中搜索，光标在搜索框里

• Cmd + G（Win用户是 F3）：在当前文件中搜索，光标仍在编辑器里

搜索框里有很多按钮，每个按钮都对应着不同的功能，如下图所示：

通过「Tab」键和「Shift + Tab」键在输入框和替换框之间进行切换。

• Cmd + Shift + F（Win用户是Ctrl + Shift +F）：在全局的文件夹中进行搜索。效果如下：

点击红框部分，展开更多的配置项。

选中foo()函数（或者将光标放置在foo()函数上），然后按住快捷键「Shift + F12」，就能看到 foo()函数在哪些地方被调用了

查看单个文件的 git 提交/修改记录

在文件上右键快捷菜单中，打开时间线，在时间线面板可以查看代码的修改和提交记录。 

 

新建文件和文件夹技巧

新建文件夹的时候，如果直接输入aa/bb/cc，比如：

那么，就可以创建多层子文件夹，效果如下：

选中技巧

鼠标三击，可以选中当前行

单击文件的行号，可以选中当前行。

按住鼠标中键拖拽，可以选中一片矩形区域，实现多行同时编辑

选中字符/空格（如“否”）后，按 Ctrl+F2 ，会全选所有的选中字符/空格

• shift + home  从光标处向前选中到行首
• shift + end  从光标处向后选中到行尾

移动代码

alt + 上下键  可以移动代码

• 若光标停留在某行，则移动光标所在行
• 若光标选中了多行，则移动多行

其他技巧

选中某一段代码，这个时候，代码的左侧会出现一个「灯泡图标」，点击这个图标，就可以把这段代码提取为一个单独的函数。

VS Code自带 markdown 语法高亮，写完 md 文件之后，你可以点击右上角的按钮进行预览

控制面板输入Markdown: 打开预览，直接全屏预览 markdown文件。

推荐设置

改完代码后立即自动保存

保存时自动格式化文件

按 Ctrl+, 打开设置面板，搜索 editor.formatOnSave 打上勾即可

推荐插件

**  Extension Pack

用于懒人批量安装相关插件

• vue相关的插件，搜索vue Extension Pack
• React相关的插件，搜索React Extension Pack 但更推荐 ES7 React/Redux/GraphQL/React-Native snippets
• Angular相关的插件，搜索Angular Extension Pack

Turbo Console Log

选中变量后，按 ctrl + alt + L 便可快捷生成 console.log 语句

console.log("
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/650650