VScodeでCSSを記述する際、{}と入力したのち改行するのですが、カーソル位置が悪く微調整に手間がかかります。Enterキーを押すだけで書きやすい位置にカーソルがいくようにしたいです。
body{
｜} //この位置にカーソルがいってしまう
body{
◯|
} //１文字分空いたこの位置にカーソルをもっていきたい
VScodeの設定欄でindentについて探ってみましたが見当がつきませんでした。「VScode 括弧内 改行」等で検索しましたが、目当てのものは探すことができませんでした。
拡張機能や設定方法などありましたら教えていただけると幸いです、よろしくお願いいたします。
過去に似たようなQ&Aがありました。参考になりませんか？
@hinarinblog
Questioner
回答ありがとうございます。
拝見しましたが、悩んでいる内容が少し異なっていました。回答にあった「Auto Closing Brackets」について試してみましたが変更はなかったです。@nak435さんと同様の環境にしたいのですが。。
何も設定していなくても、最初からその動きでしたので、何を設定すればよいかわかりません。ごめんなさい。
現在のsetting.jsonを貼っておきます。[css]の"editor.detectIndentation": trueが関係する？
{
"workbench.colorTheme": "Default Dark+",
"security.workspace.trust.untrustedFiles": "open",
"workbench.startupEditor": "none",
"editor.codeActionsOnSave": {
},
"java.home": "/Library/Java/JavaVirtualMachines/liberica-jdk-17-full.jdk/Contents/Home",
"xml.java.home": "/Library/Java/JavaVirtualMachines/liberica-jdk-17-full.jdk/Contents/Home",
"java.jdt.ls.java.home": "/Library/Java/JavaVirtualMachines/liberica-jdk-17-full.jdk/Contents/Home",
"java.checkstyle.properties": {
},
"sourcekit-lsp.serverPath": "/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/sourcekit-lsp",
"lldb.dbgconfig": {
},
"[css]": {
"editor.detectIndentation": true
},
"[python]": {
"editor.defaultFormatter": "ms-python.black-formatter"
},
"python.formatting.provider": "none"
}
@hinarinblog
Questioner
返信遅くなりました、回答ありがとうございます。
"editor.detectIndentation": true,を[css]と[scss]の設定に書き加えて再起動してみましたが、改善されませんでした。。
拡張機能が悪さしているのかもしれないですね。。
フォーマット系の拡張機能を一度全部無効にしてみてはどうでしょうか？
@hinarinblog
Questioner
返信ありがとうございます。
全部無効にしてみてはとのことだったので、違うPCのまっさらなVScodeで試してみたところ望んでいる動きになりました。
setting.jsonの記述を一通り検証してみたいと思います、これが原因かもというものが見つかったら一応載せておこうかと思います。
また改めてコメントをします、対応していただきまして助けになりました。ありがとうございます。
@hinarinblog
Questioner
原因だったものが判明しましたので、後学のために載せておきます。
"editor.language.brackets": []
setting.jsonにこちらの記述がありまして、Vscodeの括弧に関する設定が無効化してしまっていたのが原因でした。
対応してくださり、ありがとうございました。
原因が判明してよかったですね。
"editor.language.brackets": []
後々、参考になると思います。