webdevqa.jp.net

括弧:オートコンプリート/オートインデントを機能させる方法は?

かっこはいいようですが、それを使用して2つの問題が発生しています。

最初、私は通常この方法でタグを自動補完します:div.class - PRESS TAB -becomes<div class="class"></div>

私はそれを達成することはできません...プラグインの束をダウンロードしようとしましたが、何も動作しません...

2番目問題:

#container
    h3
        color: $ltGreen
        text-transform: uppercase
        font-size: em(24)
        margin-bottom: 0.5em
        font-weight: bold

この例では、コードのその部分でEnter/Returnキーを押すと、カーソルが行の先頭に戻ります ...そのため、毎回Tabキーを何度も押す必要がありますEnter/returnを押します...

Bracketsでそれを行うことは可能ですか?どうやって ?

12
enguerranws

最初の問題については、 Emmet extension を試してください。正確な CSSのような略記法 を使用して、HTMLコードに自動展開できます。

2番目の問題については、どのタイプのファイルを使用していますか? Bracketsは、「スマートインデント」を使用して、コードの構文に基づいてカーソルを新しい行に配置します。 HTMLファイルを使用している場合、カーソルを囲むタグのネストレベルに従ってインデントの程度を決定します(上記のコードは適切なHTML構文ではないため、インデントのキューとして使用されません) -それはプレーンテキストコンテンツとして扱われ、無視されます)。プレーンテキストファイルを使用している場合は、近くの行のインデントに従うだけです(したがって、説明している問題wo n'tは発生しません) 。

この場合、実際には "classic" -style Sass コードを書いているように見えますか?その場合、標準の.sassファイル拡張子を使用していることを確認するだけで、改行は正しいインデントレベルを自動的に取得するはずです。

Enterキーを押す前の.sassファイルの外観は次のとおりです。 enter image description here

Enterを押した後、カーソル正しくインデントされていることに注意してください。 enter image description here

9
peterflynn

タグが提案されたら、Shift + Enterを試してください。

0
VanG