首页 > 开发工具 > VSCode > vscode怎么美化代码

vscode怎么美化代码

藏色散人
发布: 2019-12-21 09:56:46
原创
6792 人浏览过

vscode怎么美化代码

vscode怎么美化代码?

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

相关推荐:vscode入门教程

e686736ce4d84eb67e49d8f9e672c43.png

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

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

e54219f1cb8daa336eb637e221022ec.png

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

d869000d386cef9c473a9bda698ff61.png

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

dd36efb383d5f3b24c24626297bfa63.png

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

60e18786ef8b1642f5506a8a7c0f2f0.png

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

3a93d76be4a200b602dbd60bc8eb902.png

以上是vscode怎么美化代码的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板