标签: js-beautify

括号中的HTML Beautify设置

我知道Brackets Beautify扩展基于JS Beautify,并且我有一套可用的首选项设置,但我不知道如何通过Brackets settings.json文件更改它们.有谁有想法吗?

这是我目前的设置:

   {
        "debug.showErrorsInStatusBar": false,
        "linting.collapsed": true,
        "wordWrap": false,
        "me.drewh.jsbeautify.on_save": false,
        "styleActiveLine": true,
        "themes.theme": "explicit-brackets-style",
        "fonts.fontSize": "12px"
    }
Run Code Online (Sandbox Code Playgroud)

我假设我只需要添加新的"me.drewh.jsbeautify"行,但这似乎不起作用......

我特别关注HTML设置,BTW.

settings adobe-brackets js-beautify

5
推荐指数
1
解决办法
8612
查看次数

如何将文件写入漂亮的html?

我想将此 html 写入 test.html 文件:

<h2><strong><a href="http://awesome.com">AwesomeCom</a></strong><span>is awesome</span></h2>
Run Code Online (Sandbox Code Playgroud)

这将是 lokk 像:

<h2>
    <strong>
        <a href="http://awesome.com">
            AwesomeCom
        </a>
    </strong>
    <span>
         is awesome
   </span>
</h2>
Run Code Online (Sandbox Code Playgroud)

所以它看起来很漂亮等等......我试过这个代码:

var html = require("html");
var beautify_html = require('js-beautify').html;
var data = '<h2><strong><a href="http://awesome.com">AwesomeCom</a></strong><span>is awesome</span></h2>';
var beautyHtml= beautify_html(data);
fs.writeFile('test.html',beautyHtml, function (err) {});
Run Code Online (Sandbox Code Playgroud)

但它保持在一行......我写的是错误的吗?或者我必须添加一些东西?感谢您的帮助

html node.js js-beautify

5
推荐指数
1
解决办法
1107
查看次数

npm安装不起作用| npm ERR!路径 npm ERR!代码 npm ERR!errno | npm ERR!syscall | npm ERR!天生的

我已经使用vue-cli两周了,直到今天一切都运转良好。我在本地设置此项目。

https://drive.google.com/open?id=0BwGw1zyyKjW7S3RYWXRaX24tQ3c

输入npm install时出现以下错误

终端中显示的错误

终端中显示的错误

我试着删除项目并再次进行npm安装,但是没有运气。

我试过在全球没有运气地安装beautify-js

另外,如果我输入vue init webpack-simple * projectName,也会出现相同的错误。

node v8.5.0
npm 5.4.2
Run Code Online (Sandbox Code Playgroud)

如果您知道一些可以帮助我解决此问题的信息,请告诉我。因此,我无法继续我的VueJs课程。

谢谢。

npm js-beautify npm-install

5
推荐指数
1
解决办法
8481
查看次数

用于对象数组的 js-beautify 配置

有没有什么办法可以配置js-beautify保持如下格式:

"structure": [
  {
    "name": "heading",
    "text": "",
    "default": "",
    "type": "string"
  },
  {
    "name": "flickr-album-id",
    "text": "",
    "type": "string"
  },
]
Run Code Online (Sandbox Code Playgroud)

js-beautify 将第一个对象的大括号拉入第一行。我知道这个选项,keep_array_indentation但我不想禁用一般的自动缩进,因为否则错误不会得到修复。

js-beautify 的结果 - 我想阻止 - 将是

"structure": [{
    "name": "heading",
    "text": "",
    "default": "",
    "type": "string"
  },
  {
    "name": "flickr-album-id",
    "text": "",
    "type": "string"
  },
]
Run Code Online (Sandbox Code Playgroud)

json js-beautify

5
推荐指数
0
解决办法
640
查看次数

带有美化功能的 Vscode 不会缩进 django html 模板

我希望以与 HTML 相同的方式格式化我的 django 模板。

Beautify 最终将我的模板视为文本,而不是缩进它们的内容。

例如,格式化后我的代码如下所示:

<head>
  {% if title %}
  <title>Django Blog - {{ title }}</title>
  {% else %}
  <title>Django Blog</title>
  {% endif %}
</head>
Run Code Online (Sandbox Code Playgroud)

代替

<head>

  {% if title %}
    <title>Django Blog - {{ title }}</title>
  {% else %}
    <title>Django Blog</title>
  {% endif %}
</head>
Run Code Online (Sandbox Code Playgroud)

我目前安装了 Beautify 和 Django 扩展,在 VSCode 和 WSL 上运行。

settings.json 代码:

    "files.associations": {
        "**/*.html": "html",
        "**/templates/*/*.html": "django-html",
        "**/templates/*": "django-txt",
        "**/requirements{/**,*}.{txt,in}": "pip-requirements"
    },
    "emmet.includeLanguages": {
        "django-html": "html"
    },
    "beautify.language": {
        "html": [ …
Run Code Online (Sandbox Code Playgroud)

html django js-beautify visual-studio-code vscode-settings

5
推荐指数
1
解决办法
177
查看次数

如何重新格式化 VS Code 项目中的所有文件?

我开始处理一个现有的未美化的项目,并且我在 IDE 中进行了保存时重新格式化,因此每 1 行编辑都会变成文件的整体重新格式化。相反,我想重新格式化项目中的所有文件。

使用 VS Code 最简单的方法是什么?

js-beautify visual-studio-code

4
推荐指数
1
解决办法
5251
查看次数

如何在 Javascript/React 中使用美化?

我已经安装Beautify并将其用于我的ReactJS代码。然而,它显然没有正确美化文件中的HTML格式。

例如,它变成这样:

在此输入图像描述

进入这个: 在此输入图像描述

在所有选项中,我应该使用哪个选项来解决这个问题?

html javascript reactjs js-beautify visual-studio-code

4
推荐指数
1
解决办法
6796
查看次数

html的js-beautify没有方法'beautify'

我尝试使用js-beautifyhtmlnode.js应用程序:

var htmlBeautifier = require('js-beautify').html;
...
res = htmlBeautifier.beautify(html);
...
Run Code Online (Sandbox Code Playgroud)

但是我得到:

...
res = htmlBeautifier.beautify(html,{});
                         ^
TypeError: Object function (html_source, options) {
    return style_html(html_source, options, js_beautify.js_beautify, css_beautify.css_beautify);
} has no method 'beautify'
Run Code Online (Sandbox Code Playgroud)

有关使用的文档 js-beautify forhtml没有提供太多信息。一个应该是怎样使用js-beautifyhtml

html javascript node.js js-beautify

3
推荐指数
1
解决办法
634
查看次数

如何从命令行使用 JSBeautify?

我喜欢jsbeautifier.org,我看到他们有一个带有代码的github 存储库

自述文件有两个示例说明如何通过命令行使用此工具:

import jsbeautifier
res = jsbeautifier.beautify('your javascript string')
res = jsbeautifier.beautify_file('some_file.js')
Run Code Online (Sandbox Code Playgroud)

和:

opts = jsbeautifier.default_options()
opts.indent_size = 2
res = jsbeautifier.beautify('some javascript', opts)
Run Code Online (Sandbox Code Playgroud)

如何将其合并到脚本 ( myjsbeautify.py) 中,以便它可以接受stdin或 参数(文件名)并输出到stdout?我也想使用keep array indentation.

所需的语法

cat ugly.js | myjsbeautify.py
Run Code Online (Sandbox Code Playgroud)

或者

myjsbeautify.py ugly.js
Run Code Online (Sandbox Code Playgroud)

python shell command-line js-beautify

2
推荐指数
1
解决办法
7520
查看次数

VS Code美化React HTML中的中断标签

我已经在VS代码中进行了美化,所以当我将其应用于

<div className="chatApp" style={style}>
    <Navigation />
    <ChatField />
</div>
Run Code Online (Sandbox Code Playgroud)

我懂了

  <
  div className = "chatApp"
  style = {
    style
  } >
  <
  Navigation / >
  <
  ChatField / >
  <
  /div>
Run Code Online (Sandbox Code Playgroud)

但我想要这样的东西

<div className = "chatApp"
 style = {
     style
 }>
     <Navigation />
     <ChatField />
 </div>
Run Code Online (Sandbox Code Playgroud)

问题是如何更改美化设置以不将标签传输到新行(div,p,span等)?

reactjs js-beautify visual-studio-code

2
推荐指数
1
解决办法
927
查看次数