mieee1103
@mieee1103

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

Q&A

Closed

0

2Answer

おそらく、お探しの設定は、Editor: Auto Closing Bracketsだと思われます。
Editor: Auto Closing Bracketsの値を languageDefinedalways に設定すると閉じ括弧が自動補完されると思います。

スクリーンショット 2023-08-14 21.33.46.png

ユーザー設定( mac:⌘ + , , win: Ctrl + , )で
Auto Closing Brackets と検索すると見つかります。

ちなみに設定項目の値はこんな感じです 。

内容
always 常に有効
languageDefined 言語毎の設定を有効
beforeWhitespace 行頭または前方に空白があるとき有効
never 常に無効
1Like

Comments

  1. @mieee1103

    Questioner

    早速のご回答ありがとうございます。
    教えていただいた通り設定したのですが、解消されません・・・。

    設定後VSコードと、Macは再起動済みです。
    再度ご確認いただけますでしょうか。

    スクリーンショット 2023-08-14 18.16.05.png

    • ユーザー設定 > ユーザー > Auto Closing Brackets
    • ユーザー設定 > ワークスペース > Auto Closing Brackets

    上記2つのAuto Closing Bracketsalwaysになっているかご確認ください。

    スクリーンショット 2023-08-14 21.36.33.png
    画像の赤い枠で囲った部分で ユーザーワークスペースの切り替えができます。

  2. @mieee1103

    Questioner

    閉じかっこは自動入力されるようになりました!
    ありがとうございます。

    ただ改行した時に自動で入るタブ(スペース)が入らないままです。
    HTMLの記述の際は、自動でインデントがつきましたが、
    CSSの記述の際には行の1番頭にカーソルがついてしまいます。

    • ユーザー設定 > ユーザー > Auto indent
    • ユーザー設定 > ワークスペース > Auto indent

    上記の設定が、full になっているかご確認ください。

  3. @mieee1103

    Questioner

    Auto Indentはfullになっていました・・・。

  4. HTMLの時はインデントがついて、CSSの時がつかないってことは、cssの時だけ Auto Indent がついていないのだと思います。
    なので、@lang:css Auto indent で検索して、もう一度 Auto Indentfullになっているかご確認ください。

    スクリーンショット 2023-08-15 17.57.26.png

    これでどうでしょうか?

  5. @mieee1103

    Questioner

    スクリーンショット 2023-08-15 18.25.35.png

    設定しても再起動しても解消せずでした。。

  6. なんででしょう? 🤔
    CSS関連の拡張機能入れてたりしますか?

  7. @mieee1103

    Questioner

    拡張機能は何も入れていないです・・・。

.l-content{|}

自分の環境だと、{を入力すると、即時に}が補完されます。(上の|はキャレットの位置を示す)
その後、enterを入力すると、改行され、↓この様になります。

.l-content{
    |
}

|はキャレットの位置を示す)


この設定が効かなくなってしまいました。

enterを入力すると、どうなるのでしょうか?

0Like

Comments

  1. @mieee1103

    Questioner

    自分が入力したものしか、入力されません。
    閉じ括弧は上述の通り出るようになりましたが、
    改行したときのインデントは自分でタブを押さないと出ないままです。

  2. 解決するか分かりませんが、↓こちらの内容を試してみてはいかがでしょうか?

    Google翻訳
    VS Codeで、[設定] に移動し、tabSize を検索します。「エディタ:インデントを検出」チェックボックスのチェックを外し、「エディタ:タブサイズ」の優先値を設定します(例:4)。VSコードを再起動すると、動作するはずです。

    ちなみに、↓自分の環境では、チェックが付いていても自動インデントします。

    scr1.png

  3. @mieee1103

    Questioner

    Tabサイズは設定済みで、VSコード・Mac共に再起動もしましたが、改善しませんでした。。。

  4. 上の赤丸箇所の「チェックを外す」を試してください。という提案です。

Your answer might help someone💌