visual-studio-code - Visual Studio 代码美化格式问题

标签 visual-studio-code js-beautify

我正在使用 VS Code + js-beautify + Beautify css/sass/scss/less,我在格式化代码时遇到了几个烦人的问题(不知道如何解决):

  1. 这不是我想要的背景颜色。
    来自:

     background-color: rgba(0, 0, 0, .0);
    

收件人:

    background-color: rgba(0,
    0,
    0,
    .0);

我希望它的格式为一行(如“来自”)。

  1. “光标”属性有不同的颜色
    enter image description here
  1. 当我格式化我的 html 代码时,正文和 html 中有行空格。
    来自:

     <!DOCTYPE html>
       <html lang="en">
        <head>
         <title>React App</title>
        </head>
        <body>
        <div id="root"></div>
       </body>
      </html>
    

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

       <head>
        <title>React App</title>
       </head>

       <body>
       <div id="root"></div>
      </body>

     </html>

我希望它的格式没有任何空格(例如“来自”)。

最佳答案

您可以在 VS Code 的 settings.json 文件中更改格式设置。默认情况下,head、body 和 html 标签在它们之前包含一个换行符。如果某些问题仅在安装扩展程序后才开始发生,则可能存在设置冲突。

关于visual-studio-code - Visual Studio 代码美化格式问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51966017/

相关文章:

node.js - Node - 如何在 --watch 期间运行并行命令?

macos - 在 Mac 上编译单个 F# 程序

javascript - js-beautify for html 没有方法 'beautify'

npm - `no such file or directory` 在 npm 中安装 js 美化时

javascript - VS Code 中自动格式的左括号前没有空格

visual-studio-code - VS Code 无法识别文件扩展名。无法安装任何扩展

javascript - VS Code 在我的 Typescript 项目中找不到模块

javascript - 防止 Atom Beautify 自动格式化 es6 导入/对象解构 (React)

javascript - 在 VS Code 中突出显示 "Cannot find name"/"any"