在 Sublime 和 atom 中注释 JSX 代码答案

【问题标题】：Comment JSX code in Sublime and atom在 Sublime 和 atom 中注释 JSX 代码
【发布时间】：2017-08-21 05:47:34
【问题描述】：

有什么方法可以在 React.js (JSX) 中的 render 函数中注释 return 语句中的代码而不使用大括号？每次你想评论一段代码时都写大括号是很烦人的。

【问题讨论】：

你用的是哪个编辑器
如果您使用的是 VSCode，那么您可以使用ctrl+shift+a 快捷方式来创建块注释。 Source
我在工作中使用atom.io，在家里使用sublime

标签： javascript reactjs comments jsx

【解决方案1】：

我设法将它添加到 https://github.com/borela/naomi，但它需要许多解决方法、元范围和 plugin。

最大的缺点是它不适用于 Atom，因为我使用了许多特定于 sublime 的功能。

【讨论】：

【解决方案2】：

在 sublime 中，您可以通过以下方式设置默认 cmets

在Packages/User 中创建一个名为Comments.tmPreferences 的XML 文件，其内容如下

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>name</key>
    <string>Comments</string>
    <key>scope</key>
    <string>source.jsx</string>
    <key>settings</key>
    <dict>
        <key>shellVariables</key>
        <array>
            <dict>
                <key>name</key>
                <string>TM_COMMENT_START</string>
                <key>value</key>
                <string>// </string>
            </dict>
            <dict>
                <key>name</key>
                <string>TM_COMMENT_START_2</string>
                <key>value</key>
                <string>{/* </string>
            </dict>
            <dict>
                <key>name</key>
                <string>TM_COMMENT_END_2</string>
                <key>value</key>
                <string> */}</string>
            </dict>
        </array>
    </dict>
    <key>uuid</key>
    <string>F9BFFF1F-1999-4722-B094-52E8AFD234D1</string>
</dict>
</plist>

完成此操作后，您可以通过选择块并按Ctrl+Shift+/ 来设置 cmets。这会将您的内容包装在{/* */}

编辑：

您还可以使用 JSPrettier 之类的包来格式化您的代码，该代码也将处理 cmets。

【讨论】：

谢谢你，我回家后会试试，然后告诉你它是如何工作的。但在我看来仍然很复杂，你需要做一个额外的步骤（选择一个块并按Ctrl+Shift+/）

【解决方案3】：

如果你觉得需要放太多 cmets，就放块，你想在外部 Component 中注释。

【讨论】：

这比仅仅写以下内容还有更多工作要做：// some commentary