这是在做我的头!花了 2 个小时试图找出导致以下行为的原因并不断出现空白。
我正在迁移到 VSCode,我的 React JSX 组件会自动换行成多行。当一个组件有多个属性时,这很好(也很好),但会使一些文件非常长且非常不可读。
举个例子 - 定义反应路由器路由的文件。它们都很小,理想情况下,每行一个使您的应用程序的路由非常易读,而不是每 7 行左右定义每条路由。
VS Code 自动将文件格式化为的示例:
<Authenticated
    path="/new"
    component={NewCorrespondence}
    {...this.props}
/>
<Authenticated
    path="/inbox"
    component={Inbox}
    {...this.props}
/>
<Authenticated
    path="/sent"
    component={Sent}
    {...this.props}
/>
Run Code Online (Sandbox Code Playgroud)
它应该是什么样子
<Authenticated path="/new" component={NewCorrespondence} {...this.props} />
<Authenticated path="/inbox" component={Inbox} {...this.props} />
<Authenticated path="/sent" component={Sent} {...this.props} />
Run Code Online (Sandbox Code Playgroud)
处理此问题的 VSCode 中的设置是什么?有没有办法将其配置为仅在长度超过 x 个字符时包装这些行?
我正在 VSCode 上开发一个旧项目,我发现 html 格式化程序和 emmet 语法不适用于 .tpl(Smarty 模板引擎)文件。
这给我的工作流程带来了不便,不幸的是,我在市场上没有看到任何针对此的扩展。我很高兴知道如何在其他奇怪的文件格式上运行扩展(特别是 Beautify 和 Emmet)。
我正在尝试使用 sublime text Javascript Beautify plugin,它说我需要更改为以下设置:
{
  "indent_size": 4,
  "indent_char": " ",
  "indent_level": 0,
  "indent_with_tabs": false,
  "preserve_newlines": true,
  "max_preserve_newlines": 10,
  "jslint_happy": false,
  "brace_style": "collapse",
  "keep_array_indentation": false,
  "keep_function_indentation": false,
  "space_before_conditional": true,
  "break_chained_methods": false,
  "eval_code": false,
  "unescape_strings": false,
  "wrap_line_length": 0,
  // jsbeautify options
  "format_on_save": true
}
Run Code Online (Sandbox Code Playgroud)
在 sublime 文本中,我究竟需要在哪里进行这种更改?
我研究了代码美化器,如 google-code-prettify、beautify 等。不幸的是,我无法让这些在我的 React 应用程序中工作。我目前正在使用react-ace来显示动态填充的代码片段,但它们只是颜色突出显示,而不是格式化。
有没有一些简单的例子可以让我在 React 应用程序中使用它?它不必使用 Ace 编辑器 - 这是我的一种技巧,可以让代码显示得更好。
我正在寻找一个工具来解析JS文件,同时恢复整个文档中的变量名称.
例如,在unminify.com上运行缩小代码后,代码本身包含:
W.find("li.patternItem").click(function() {
Run Code Online (Sandbox Code Playgroud)
在代码的末尾有一个参考什么是W:
W = $("#pattern1")
Run Code Online (Sandbox Code Playgroud)
所以我正在寻找一个简单的脚本来恢复代码中的名称,但找不到一个.我知道自动替换可能对代码有害,但我想应该有一些聪明的方法来恢复.现在我手动完成并替换"W".用"$("#pattern1")." (匹配大小写,最后带点)所以它不会与任何W字母混合.
谢谢