Nodejs 大家都用什么格式化 React 代码里的 XML

发布于 1周前 作者 zlyuanteng 来自 nodejs/Nestjs

Nodejs 大家都用什么格式化 React 代码里的 XML
atom 和 sublime 的插件都行,目前没找到能格的比较好的

10 回复

临时的话 直接拖拽到浏览器里面


同问
正常的格式化工具一用, < 就换行了

xml ?

楼主是想格式化 JSX 吧, sublimetext 有个代码格式插件 babel

唯有 WebStorm

xml ?
VS code 可以格式化


这个是正在用的,大部分都能格的不错,不过有些带大括号比较多的还是被格的惨不忍睹

在Node.js环境下格式化React代码中的XML,通常推荐使用专门的库来简化这一过程。xml-formatter是一个广受欢迎的JavaScript库,它提供了简单且强大的XML格式化功能。

以下是如何在Node.js中使用xml-formatter来格式化React代码中的XML的示例:

  1. 安装xml-formatter

    使用npm安装xml-formatter库:

    npm install xml-formatter
    
  2. 使用xml-formatter格式化XML

    在你的Node.js代码中,引入xml-formatter并使用它来格式化XML字符串:

    const formatter = require('xml-formatter');
    
    const xml = `<?xml version="1.0"?><root><child>Hello, World!</child></root>`;
    const formattedXml = formatter(xml, { indentation: '  ' }); // 使用两个空格进行缩进
    
    console.log(formattedXml);
    

这段代码将输出格式化的XML字符串,具有清晰的缩进和换行,便于阅读和维护。

对于React项目中的XML数据,你可以在应用的后端使用Node.js和xml-formatter进行格式化,然后将格式化后的XML发送到前端进行显示。这样可以确保XML数据在React应用中以整洁、易读的方式呈现。

回到顶部