Rumah  >  Artikel  >  alat pembangunan  >  vscode怎么美化代码

vscode怎么美化代码

藏色散人
藏色散人asal
2019-12-21 09:56:466776semak imbas

vscode怎么美化代码

vscode怎么美化代码?

首先,如图是一个打开的不换行的css文件的效果。整个文件只有一行,格式化没有任何效果。

相关推荐:vscode入门教程

e686736ce4d84eb67e49d8f9e672c43.png

格式化指的是,分行但是不缩进以及间距不合适的代码,变得合适。VSCode自带代码格式化。

打开文件->首选项,即可打开设置面板。

e54219f1cb8daa336eb637e221022ec.png

如图,搜索format,即可查找到和格式化有关的选项。将要改变的设置项复制到右边修改即可。

d869000d386cef9c473a9bda698ff61.png

如果要进行代码美化(换行),首先点击左侧的扩展按钮,然后在扩展商店搜索Beautify,然后下载第一个插件即可。

dd36efb383d5f3b24c24626297bfa63.png

安装后重新载入VSCode,按下f1打开命令,搜索Beautify,点击Beautify file美化整个文件。

60e18786ef8b1642f5506a8a7c0f2f0.png

如图,是美化之后的效果。代码被自动换行,也进行了格式化。这个美化操作支持多种格式的源代码。

3a93d76be4a200b602dbd60bc8eb902.png

Atas ialah kandungan terperinci vscode怎么美化代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:vscode怎么打开控制台Artikel seterusnya:vscode c找不到头文件怎么办