Emmet

Emmetは、HTMLやCSSの記述を簡略化し、コーディングを高速化するテキストエディタの拡張ライブラリです。

RSS
  • 受付中

    回答
    0

    CSS要素を入力して、改行すると勝手にインデントがネストされていく

    Vimで行の表記がズレないようにしたい Vim8でHTML編集を行っています margin値などの行で改行すると次の行以降が インデントネストされていきます 行の最後がセミコロン「;」で終わる時に発生 エンター改行、または「Esc+o」改行すると このようになります 7 div{ 8 ¦ margin-top: 30p

    • 0評価
    • 69PV
    teratailが21時間前に アップデート
  • 解決済

    回答
    1

    Emmet : スニペット機能 一覧の確認方法

    実現したいこと Emmetを利用して現在コーディングを行っているのですが、今後の業務効率向上のためにスニペット記法を可能な限り覚えたいと思っております。 しかし、頻出しないプロパティなどでは検索をかけてもなかなか出現せず、途方に暮れることが多くありました。 そこで、Emmetのスニペット一覧のようなものがあると是非見てみたいのですが、こちらも恥ずかしい

    • 0評価
    • 72PV
    h.morikawa14 h.morikawa14 2週間前に コメント
  • 受付中

    回答
    0

    emmet 省略記法で入力できない。

    引用テキスト### 前提・実現したいこと ここに質問の内容を詳しく書いてください。 (例)PHP(CakePHP)で●●なシステムを作っています。 ■■な機能を実装中に以下のエラーメッセージが発生しました。 発生している問題・エラーメッセージ ATOMにemmetをインストールし 省略記法をできないか試していたのですが、 例えば、 ul

    • 0評価
    • 76PV
    teratailが1ヶ月前に アップデート
  • 解決済

    回答
    1

    emmetのextensions folderが認識されない

    adobe bracketsのプラグイン、emmetについての質問です。 bracketsのバージョンは1.4、emmetのバージョンは1.2.2です。 OSはwindows7です。 extension folderを設定してそのフォルダにsnippet.jsonを追加し、プラグイン本体側のsnippet.jsonを改変することなく、設定の変更を行おうと思

    • 1評価
    • 900PV
    muro muro 4ヶ月前に 回答
  • 解決済

    回答
    1

    atomでemmetのtabキーのキーバインドを変更したいが、追加になってしまう。

    行にインデントを取りたくてtabキーを押したのに、emmetのtabキーに割り当てられているコマンド「emmet:expand-abbreviation-with-tab」が実行されてしまい、余計な展開を行ってしまいます。 よって、emmetのtabキーに割り当てられているコマンドを別のキーに変更しようと、下記のサイトに従ってtabからshift-tabに変

    • 0評価
    • 244PV
    muro muro 4ヶ月前に 回答
  • 解決済

    回答
    1

    Visual Studion CodeでEmmet機能が使えなくなりました。

    Visual Studion CodeでEmmetが使えなくなりました。 今までVSCodeで、Emmet機能を使っていましたが、 本日触ろうとしたら、それが機能せず、単なるTabクリックでスペースが空くのみでした。 VSCode左下歯車>設定> // 有効にすると、TAB キーを押したときに Eemmet 省略記法が展開されます。 "emm

    • 0評価
    • 397PV
    giit giit 4ヶ月前に コメント
  • 解決済

    回答
    1

    dein.vimのインストールからemmetの導入まで

    deinやemmetのインストールをしようとしていますが、そもそもインストールがうまくいっていないのか、自分の操作の仕方がわかっていないのかがわかりません。 OSはMac10.13.2、 vimのバージョンは8.0 $ vim --version VIM - Vi IMproved 8.0 (2016 Sep 12, compiled Jul 26

    • 0評価
    • 346PV
    erdes erdes 5ヶ月前に コメント
  • 解決済

    回答
    1

    vimでemmetを使って既存タグをタグで囲みたい

    いつもお世話になっています。 最近neovimを始めまして、emmetを使ってコーディングをしています。 emmetにて既存タグをタグで囲みたいのですが、 http://cabbalog.blogspot.jp/2015/08/wrap.tags.emmet-vim.html 参考サイトの通り行っても展開されず困っています。 どのようにすれば囲いが展開さ

    • 0評価
    • 230PV
    junannko junannko 6ヶ月前に コメント
  • 解決済

    回答
    1

    EmmetをSublime Textに入れたいのですが・・・

    EmmetをSublime Textに入れたいと思い調べてみたところ、PackageControllをインストールをする必要があることがわかり、インストールをするように努めました。 実際に色々ごちゃごちゃしていて、できているかできていないかわかりませんでしたが、perferencesの下にPackageControllが表示されておりました。なのでできている

    • 0評価
    • 584PV
    Zuishin Zuishin 6ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    Bracketsで急にscssでemmetが動かなくなった

    Bracketsでemmetを使ってコーディングしていたところ、急にscssでemmetが機能しなくなってしまいました。再インストールしても変わらず。 htmlでは動くのですが、なぜかscssだと展開せずただのタブが打たれてしまいます。 ご存知の方、どうかご教授ください。

    • 0評価
    • 460PV
    junannko junannko 6ヶ月前に 回答
  • 解決済

    回答
    1

    emmetでtabキーを連続で押すときの挙動について

    使用エディタ:visual studio code エディタでHTMLを書いているとき、emmetでtabキーを押した後にインデントを入れようともう一度tabキーを押すとインデントが入らずに必ずカーソルがどこか別のところに移動してしまいます。これは仕様なのでしょうか。どういうことが起きているのか教えてください。また、変更方法があるのならばそれも教えてく

    • 0評価
    • 339PV
    SatoshiAizawa SatoshiAizawa 8ヶ月前に コメント
  • 受付中

    回答
    1

    複数行が同じ値の連番を作成する方法

    仕事の業務効率化をしたくて質問させていただきます。 HTMLのソースコード上で複数行が同じ数値の連番を作成することが出来れば業務効率を向上することが出来るのでお教えいただけませんでしょうか? イメージとしましては下記のようになります。 <ul> <li><a href="test01">1</a></li> <li><a href

    • 0評価
    • 273PV
    karamarimo karamarimo 9ヶ月前に 回答
  • 受付中

    回答
    0

    Visual Studio Codeのemmetで、wrap with abbreviationのu...

    Visual Studio Codeのバージョンはバージョン1.16.0 (1.16.0)です。 wrap with abbreviationのul+やli*などが機能しないのがデフォルトの挙動になったのでしょうか?

    • 0評価
    • 276PV
    teratailが10ヶ月前に アップデート
  • 解決済

    回答
    1

    Visual Studio CodeでEmmet「タグで囲む(Wrap with Abbreviat...

    Visual Studio CodeでEmmetのWrap with Abbreviationは使えないのでしょうか? Emmet Document / Wrap with Abbreviation ちなみに単純に「タグで囲む」機能はプラグイン「htmltagwrap」でできる事を確認したのですが Emmetでの記述が出来なかったので、だめでした。

    • 0評価
    • 1155PV
    deletekey deletekey 10ヶ月前に コメント
  • 解決済

    回答
    1

    atomのemmetとjavascript snippetsの優先順位の設定

    いまatomにパッケージ emmet とjavascript-snippetsを入れているのですが、emmetをenableにしているとjavascript-snippetsが適用されません。 例えばscriptタグ内で gi としtabを押すと、理想では document.getElementById('id'); とでるはずですが、emm

    • 0評価
    • 410PV
    cloudspider cloudspider 11ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    エディタbracketsのemmet記法でclassを追加修正する方法

    bracketsを使用してコーディングを行っています。 emmetプラグインを使ってemmet記法でコーディングを進めておりますが、コード展開後に新しくclassを付与したい場合はemmetを利用した記述はできないのでしょうか。 たとえば下記のdiv要素にclassを追加したい場合にemmetを利用して簡潔に記述する方法があれば教えていただけると助か

    • 0評価
    • 312PV
    8-0_nyan5 8-0_nyan5 1年以上前に ベストアンサー
  • 解決済

    回答
    2

    サブライムテキストからエラーメッセージが表示される

    "snippets": { "html": { "snippets": { "img": "<img class=\"\" src=\"\" alt=\"\">", "video": "<video src="img/index/hero-movie.mp4" autoplay loop onclick="this.play();"></video>" }

    • 0評価
    • 1209PV
    webpage 退会済みユーザー 1年以上前に ベストアンサー
  • 解決済

    回答
    1

    webstormでemmetを利用する際の不具合?を改善したい

    前提・実現したいこと webstormでemmetを利用する際、タグの前に文字があってもしっかり展開されるようにしたい。 発生している問題・エラーメッセージ 日本語のあとにタグの展開をすると、その日本語もemmetの対象範囲として認識されてしまう。 例) あいうえおbr → <あいうえおbr></あいうえおbr> 理想 あいうえおb

    • 0評価
    • 598PV
    covarelax covarelax 1年以上前に ベストアンサー
  • 解決済

    回答
    2

    独自のEmmetHTMLフォーマットを作ったのですが、改善点などあれば教えてください、お願いします。

    EMMETに組み込むソースも記述します。 <!DOCTYPE html> <html lang="ja"> <head> <link rel="canonical" href=""> <meta charset="UTF-8"> <meta name="author" content=""> <meta name="copyright"

    • 0評価
    • 709PV
    makoto-n makoto-n 1年以上前に 回答を編集
  • 受付中

    回答
    1

    Emmet で閉じタグの後ろにコメントを加える設定をしたところ下記のようにすべてについてしまい、困っ...

    Emmet で閉じタグの後ろにコメントを加える設定をしたところ下記のようにすべてについてしまい、困っているのですが、このようなemmentの設定を使っていますか? http://masup.net/2014/08/add-comment-before-close-tag-emmet.shtmlより ・ JSONに下記の設定をした。 {

    • 0評価
    • 869PV
    webpage 退会済みユーザー 1年以上前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    13

  • 総質問数

    22

  • 今週の質問数

    1

関連するタグ

Emmetタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る