ユーザースニペットについて SCSSで登録しておきたいコードがあり、ユーザースニペットを改善したいのですが、 エラーが表示されるので、確認してほしいです。
ユーザースニペットについて SCSSで登録しておきたいコードがあり、ユーザースニペットを改善したいのですが、 エラーが表示されるので、確認してほしいです。 よろしくお願いいたします。 様々なサイトを見ましたが、CSSのユーザースニペットの登録方法がないため、これはできないのでしょうか？ 教えていただけると幸いです。 サイト: https://web-guided.com/620/ https://www.evoworx.co.jp/blog/user-snippet/ コード↓ "anker hover": { "prefix": "anker", "body": [ " a{ position: absolute; width: 100%; height: 100%; top:0; left: 0; text-indent: 100%; /*テキスト非表示*/ white-space: nowrap; /*テキスト非表示*/ overflow: hidden; /*テキスト非表示*/ &:hover{ opacity: .5; transform: rotate(-180deg); } }" ], // "description": "スニペットの説明（省略化）" },
HTML、CSS・55閲覧
ベストアンサー
vscode長らく使っていましたが、ユーザースニペットの存在はしりませんでした。 今回参考リンクを参考に試してみましたがなかなかに登録が面倒ですねこれは… 質問にあるスニペットがエラーになるのは 改行が入ってるからじゃないでしょうか。 改行をすべて消すか、複数行の書き方で記述する必要がありそうですよ。
"anker hover": { "prefix": "ahover", "body": [ "a{", " position:absolute;width:100%;", " height:100%;", " top:0;", " left:0;", " text-indent:100%;", " white-space:nowrap;", " overflow:hidden;", " &:hover{", " opacity:.5;", " transform:rotate(-180deg)", " }", "}" ], "description": "省略可" }
質問者からのお礼コメント
ご回答ありがとうございました。とても助かりました。
お礼日時：1/14 13:31
