脚本之家 服务器常用软件
快捷导航
您的位置：主页 > 软件教程 > 编程开发 > VSCode调试技巧与实践

深入讲解VsCode各场景高级调试与使用技巧 代码编写效率提升2倍

csdn   发布时间：2023-12-22 12:01:52   作者：小明的学习圈子   我要评论
VSCode是一款开源免费的跨平台文本编辑器，它的可扩展性和丰富的功能使得它成为了许多程序员的首选编辑器,在本文中，我将分享一些VSCode的使用技巧，帮助您更高效地使用它

添加代码片段文件的文件名称，会生成.code-snippets后缀的文件

定义用户片段

{
  "自动补全console.log": {
    "scope": "javascript,typescript",
      "prefix": "log",
      "body": [
        "console.log('$1');",
        "$2"
      ],
    "description": "输出console.log('')"
  }
}
复制代码

在键盘输入log时效果如下

指定光标处的默认值并选中

"body": [
  "console.log('${1:abc}');"
],
复制代码




指定光标处的默认值有多个，并提供下拉选择


用两个竖线包含多个选择值，|多个选择值直接用逗号隔开|




"body": [
  "console.log('${1:abc}');",
  "${2|aaa,bbb,ccc|}"
],
复制代码




新建当前工作区的代码片段


只需要选择文件 -> 首选项 -> 用户片段 -> 新建xxx文件夹的代码片段, 新建后会在当前工作区生成.vscode/xxx.code-snippets文件




技巧二：Emmet


vscode内置了对Emmet的支持，无需额外扩展。


技巧三：对光标处代码变量快速重命名


选中或者光标所处的位置，按F2可以对所有的变量重命名




技巧四：代码重构建议 选中要重构的代码，点击出现的黄色小灯的图标




选中重构的类型




输入新的变量名




还可以重构到函数



						
上一页 1 2 3 4 5 6 78 下一页 阅读全文

						

						
						

					

					

						
						
					

					

						
					

					

					

						
相关文章

						
					

					

						
					

					
					

						
最新评论

						

					

				  

			  

		  
			

				
			  

		  

	  

	  
	 

		
		
		

		
关注微信公众号
 
		
扫一扫