50代からのHTML / CSS / JavaScriptチャレンジ 番外編 No.4 emmet
前回、初めてemmetというのがでてきたんだけど、今回は、前回の続きでこのemmetを使って簡単なcssファイルを作ってみようと思う。
改めて思ったけど、最近のエディターってすごいねぇ〜ということで今日も初めていきます。
新規ファイルを作成する。css形式のファイルね。emmet.cssって名前にしてみた。で、試しにpタグのセレクター追加。
で、ここにw100pと入力するとemmetで、候補を示してくれる。
続いて、m10p30e5xと入力してみる。
すげーな^^;最近のエディタはそうなのかもしれないけど、いやぁほんと便利だわ^^;
で、emmetについては公式のドキュメントがあるんだけどね、そこにcheatsheetっていうのがある。そこで、色々みることができるんだよね。
次回は、拡張機能について書いてみようかと思います^^
この記事が参加している募集
50代英語教師です。まだまだ学びたいことがありますので、もし記事がよかったらご支援よろしくお願いします。Udemyを活用して学習しています。