Last active
February 26, 2023 15:19
-
-
Save Zequez/48804fff798e4c98f288 to your computer and use it in GitHub Desktop.
Comment out JSX code on Atom
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# If you worked with React and JSX you probably noticed that you can't use JS comments when inside JSX sections | |
# Add this to your Atom init script | |
# Then add 'ctrl-cmd-/': 'comment-jsx' to your keymap.cson | |
# Then when you are on a JS/JSX file, just press cmd+ctrl+/ to use JSX-style comments that work with JSX elements | |
# Is not the most efficient way, but it's the cleanest and reliable one | |
atom.commands.add 'atom-workspace', 'comment-jsx', -> | |
atom.config.set('editor.commentStart', '{/*', {scopeSelector: '.source.js.jsx'}) | |
atom.config.set('editor.commentEnd', '*/}', {scopeSelector: '.source.js.jsx'}) | |
for selection in atom.workspace.getActiveTextEditor().selections | |
selection.toggleLineComments() | |
atom.config.unset('editor.commentStart', {scopeSelector: '.source.js.jsx'}) | |
atom.config.unset('editor.commentEnd', {scopeSelector: '.source.js.jsx'}) |
Your init.coffee
and keymap.cson
typically reside in ~/.atom/
.
If you have jsx in your .js files you can simply change all the extensions to .js, e.g., scopeSelector: '.source.js'
.
You better use https://atom.io/packages/language-babel, it supports this by default
It don't work.
Probably i am doing somethink wrong. With what do you open csno files?
Not working, it comments with // as the built-in comment.
I know Atom has been sunset by now but if someone is still looking for a package that can handle jsx commenting you can find it here: https://github.com/tom-mckinney/jsx-comment
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thank you! Just to clarify, your
keymap.cson
should look like: