javascript 注解Sublime和Atom中的JSX代码

2ledvvac  于 2023-06-04  发布在  Java
关注(0)|答案(3)|浏览(102)

有没有办法在React.js(JSX)中的render函数中注解return语句中的代码而不使用花括号?每当你想注解某段代码时,写花括号是很烦人的。

gkn4icbw

gkn4icbw1#

如果你觉得你需要放太多的注解,只要把块,你想在外部组件注解。

arknldoa

arknldoa2#

在Sublime中,你可以通过以下方式设置默认注解
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+/来设置注解。这将把您的内容 Package 在{/* */}

编辑:

你也可以使用像JSPrettier这样的包来格式化你的代码,它也可以处理注解。

kcwpcxri

kcwpcxri3#

我设法将其添加到https://github.com/borela/naomi,但它需要许多变通方法, meta范围和plugin
最大的缺点是,它不会为Atom工作,因为我使用了许多特定于sublime的特性。

相关问题