vscode 工具篇

vscode 工具篇

官方文档
中文文档 不是最新版，凑合着用
B站up主教程

.vscode 文件夹目录

.vscode目录下一般有 4 种配置文件和项目中的代码片段：

• extensions.json：推荐当前项目使用的插件
• setting.json：vscode编辑器和插件的相关配置
• launch.json：调试配置文件
• task.json：任务配置
• xxxxxxx.code-snippets：项目中共享的代码片段

插件

好用的插件2024-03-16

补充：

code Runner node: 环境运行 js
正则插件
any-rule : F1 搜索一些常用的手机号。
Regex Previewer: 点击 Test reg 可以测试文本

vscode 快捷键

反撤回：  ctrl+y	；
检索选中的字段相同字段： ctrl+d  ;
多定位光标：	按住 ctrl 或者 alt  单击左键；
在上方插入行：	ctrl + shift +enter;
新增代码分区：    	ctrl+\ ;
格式化文本：	Shift+Alt+F
退格前进：	ctrl + [ / ] 或者 tab /shift +tab;
解标签嵌套：	ctrl + "";	    (vscode 没用)
多光标编辑： 	ctrl + shift + Alt + DownArrow  /  Shift + Alt + 鼠标左键
		Alt + DownArrow
		Ctrl + Shift + L  选择和选中内容相同的片段
智能感知： 	Ctrl + Space
删除行： 		Ctrl + Shift + K,
移动行： 		Alt + arrow
上下复制行：	Shift + Alt + Arrow
重构/重命名	右键点击，可以看到context menu  F2 可以重构
格式化当前片段：	Ctrl + K ,Ctrl + F
切换面板： 	Ctrl + J
切换侧边栏： 	Ctrl + B

vscode 插件里的快捷键

document This 项目注释： Ctrl+Alt+D and again Ctrl+Alt+D;
eslint Beautify 格式化文本：Shift+Alt+F

小技巧