vscode学习[持续更新]

最新推荐文章于 2025-04-12 19:27:21 发布

七酱的意志

最新推荐文章于 2025-04-12 19:27:21 发布

阅读量686

点赞数

分类专栏：便捷开发文章标签： vscode 编辑器 ide visual studio

本文链接：https://blog.csdn.net/queryById/article/details/121734881

版权

便捷开发专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何在VSCode中进行中文化、设置字体大小、通过插件实现代码预览浏览器、创建快速编辑片段以及同步IDEA快捷键的方法，帮助提升开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

此文章为我在使用vsCode做的一些便捷配置;

1.中文化

最左侧菜单栏第四个(ctrl+shift+X),在搜索框输入【Chinese】然后点击安装即可.

2.设置字体大小

文件→首选项 →设置→文本编辑器→字体→font Size→下面的文本框输入大小即可

3.代码中右击浏览器

安装对应插件：

最左侧菜单栏第四个(ctrl+shift+X),在搜索框输入【Live Server】然后点击安装即可.

效果图如下：

4.快速编辑

在编译器中想要快速编辑xxx内容,例如【console.log('');】，如果每次都手动输入就很浪费时间,所以可以进行配置：

文件→首选项 →用户片段→弹出搜索框中输入要编辑的页面【如html,JavaScript等即可】

{

	"Print to console": {
		"prefix": "log",
		"body": [
			"console.log('$1');",
			"$2"
		],
		"description": "Log output to console"
	},
	"Print to script": {
		"prefix": "script",
		"body": [
			"<script type = 'text/javascript' src='$1'></script>"
		],
		"description": "Log output to script"
	}
}

说明：
print to 后面填的是你这个代码块的名字

prefix 冒号里填的是在Intellisense中选择代码片段时将使用的前缀,即你要打出的快捷键

body 冒号后面填的是你要定义的代码段的完整代码

美元$符号+数字代表光标位置即你打出代码段后光标所在的位置

description 冒号后面填的是 这个代码段的描述 随便写就行