当前位置：网站首页>35 快速格式化代码

35 快速格式化代码

2022-07-25 14:41:00 【hello_sunny123】

VScode 保存代码时自动格式化代码

（1）安装插件 vetur

（2）文件-----首选项-----设置；

（3）工作区-----文本编辑器-----正在格式化-----Format On Save(勾选)；

测试代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>快速格式化代码</title>
    <style> body{
      width:100px; height:200px; } </style>
</head>

<body>
<div>123</div>
        <div>abc</div>
        </body>

</html>

保存：Ctrl+s；后立马自动保存并且对齐

代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>快速格式化代码</title>
    <style> body {
      width: 100px; height: 200px; } </style>
</head>

<body>
    <div>123</div>
    <div>abc</div>
</body>

</html>
原网站

版权声明
本文为[hello_sunny123]所创，转载请带上原文链接，感谢
https://blog.csdn.net/hello_sunny123/article/details/118556211

边栏推荐

猜你喜欢

随机推荐