Visual Studio Code / VSCode Part5

**デフォルトの名無しさん** · 2018/11/08(木) 12:59:24.97

MS発のエディタVSCodeのスレ

公式
https://code.visualstudio.com/
https://github.com/Microsoft/vscode/

開発状況
https://github.com/Microsoft/vscode/wiki/Iteration-Plans

更新内容(日本語訳)
https://vscode-doc-jp.github.io/updates/

前スレ
Visual Studio Code / VSCode Part4
https://mevius.5ch.net/test/read.cgi/tech/1529679715/

**デフォルトの名無しさん** · 2018/11/22(木) 15:59:22.91

最近ATOKと相性が悪い気がするんだが、そんなことない？
ATOKは月額の最新版、VSCodeも更新なし。

IME OFF時の入力、ONも半角の時は問題なし。
全角の時だけ、入力するとカーソル左側の文字が1文字消える。
MS-IMEに切り替えると起きないから、ATOKとの相性問題だと思うけど…。
「入力中の文字を最適化する」とか「未確定文字列を高速化する」は未チェック。

**デフォルトの名無しさん** · 2018/11/22(木) 18:11:57.50

>>46
ここでも見ておけ。全スレでも評判いい基本紹介
http://www.atmarkit.co.jp/ait/articles/1507/10/news028.html

>>47
うちもATOK月額最新版だけど特に問題ないかな。Win10 64bit

**デフォルトの名無しさん** · 2018/11/22(木) 20:23:58.40

vscode立ち上げると、なんとなくPCが重くなるような気がするのですが、そんなことないですか？
拡張機能をできるだけdisableにしても。

**デフォルトの名無しさん** · 2018/11/22(木) 20:31:48.14

>>49
atom同様メモリ食いだからスワップが発生していると思われ。
メモリ増設しる

**デフォルトの名無しさん** · 2018/11/22(木) 20:44:35.39

メモリ12G積んでいるんだけどな

**デフォルトの名無しさん** · 2018/11/22(木) 21:19:52.53

矩形選択など、visual studioとキー操作が異なるので使いにくいのよね。
何かの設定でvisual studioと完全互換に出来ないかしら？

**デフォルトの名無しさん** · 2018/11/22(木) 21:39:06.96

質問させてください。
VSCでHTMLの勉強をはじめたのですが、HTMLプレビューの拡張機能を
2種類試したところ、どちらも表示がおかしいので困っています。

https://i.imgur.com/sDHcT9C.png

画像は!→TABで作成されるhtmlのテンプレートに外部CSSを指定し、
body内にID="test"のDIV、その中にpタグで"表示テスト"と書いただけのシンプルなものです。

しかし画像のように、HTML Preview 0.2.4ではCSSで指定した背景色
redとaquaは反映されますが、なぜかpタグの文字が一つになのに二重に表示され、
文字の色も変わってしまっています。
もう一つのLive HTML Previewer 0.3.0では、pタグの文字は正確なのですが、
bodyに設定した背景色redが反映されません。
画像中央はFireFoxでの表示ですが、pタグの文字も正しく、
bodyの背景色redが反映されて意図どおりに表示されています。
Google chromeでも同様に表示されました。
似たような機能なので拡張機能のバッティングが不具合の理由かと思い、
それぞれ一つづつインストールして試してもみたのですが同様の表示になりました。

拡張機能によるエディタ内でのHTMLのプレビューでは正確な表示は無理なのでしょうか。
それともやり方が悪いのか、もしくは正確に表示できる拡張機能があれば教えてください。

**デフォルトの名無しさん** · 2018/11/22(木) 22:05:17.27

>>53
エディタ上で正しく表示されない理由は正直分からないけど、HTMLのライブプレビューはこれが一番良いと思う
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

**デフォルトの名無しさん** · 2018/11/22(木) 22:12:46.61

>>46
むしろVSCodeは高機能な割に敷居はめちゃ低いと思う
vimとかは設定書かないとマトモに使えた物じゃないし敷居が高い

Sync Settingは複数PCで設定を共有するためのプラグインだから単一PCなら必要ない

あと「画面を広く」ってのはどういう感じのことを言ってる？

**デフォルトの名無しさん** · 2018/11/22(木) 22:29:04.77

プレビューはLiveserver使いやすくていいぞ

**デフォルトの名無しさん** · 2018/11/22(木) 23:28:35.74

>>49
プロセス間通信でIOがボトルネックになってるだけだろ。
chromeやelectronの仕組み上つき纏う。

53 · 2018/11/22(木) 23:45:13.07

>>54 >>56
レスありがとうございます！早速インストールして使ってみました。
実ブラウザで表示させるタイプなんですね。
ボタン一つでデフォルトブラウザに表示されて簡単でした。
しかしなぜかうちの環境では、説明GIFのようにセーブしてすぐ変更反映とはいかず、
ブラウザをアクティブにしてリロードしないと変更が反映されないようです。
あとで詳しくググって原因を調べてみます。

教えていただいたLive Serverを検索したときに候補にでた別の作者さんの、
Live Server Previewという拡張機能を試しにいれたところ、
エディタ内表示タイプで53のhtml+cssが正確に表示されました。
こちらもセーブしたら変更反映されるタイプで、うちの環境でも問題ないようです。
贅沢言うと53で書いた二つの拡張機能のように、セーブしなくてもリアルタイム更新
できるものがよかったのですが、表示の正確さには替えられないので暫くこちらを使ってみます。
色々試してこの拡張機能も表示がおかしいようであればエディタ内表示タイプは諦めて、
教えていただいたLive Serverのほうをしっかり動くようにして使いたいと思います。
リロードしないと反映されない状態でも実ブラウザでチェックするのに便利ですので、
Live ServerとLive Server Previewを併用しようと思います。
情報ありがとうございました。

**デフォルトの名無しさん** · 2018/11/22(木) 23:45:17.25

>>53-54
たぶん、Ritwick Dey の拡張機能、
Live Sass Compiler を入れたら、Live Server も入るのだろう

Vue.js, Nuxt.js などのフレームワークでも、できるかも

**デフォルトの名無しさん** · 2018/11/22(木) 23:48:54.68

>>58
>セーブしなくてもリアルタイム更新できるものが、よかった

書きかけの途中で表示されても、エラーになるだけで何にもならない。
むしろ、エラーに時間を取られるだけ

**デフォルトの名無しさん** · 2018/11/23(金) 01:15:52.64

Live Serverって良さげだけどSSIは対応してないのか

**デフォルトの名無しさん** · 2018/11/23(金) 12:24:59.12

HTML表示確認はもうnode入れてBrowserSyncした方が
後々互換性だの気にしなくていいし楽だよ。

53 · 2018/11/24(土) 00:36:41.00

>>59-60
レスありがとうございます。
一旦Live Serverを削除してLive Sass Compilerを入れると、
確かにLive Serverも一緒にインストールされました。
でもすみません、HTML初心者でプログラミング知識はまったくないので、
Live Serverだけで十分みたいです。

>>62
ググってみてみましたが、node.jsというものでしょうか。
JavaScriptはよくわかってないので自分には難しい感じです。
でも御助言ありがとうございます。

58で書いたLive Serverが、ファイル更新セーブしても
自動で反映されない原因がわかりました。
実は仮想環境上で使っていまして、htmlとcssを置いていた場所が
共有フォルダ上にあったのが原因でした。
ファイルをゲスト側にコピーしてそれを開いて更新すれば正常に動作しました。
おま環ですみません。長文失礼しました。

**デフォルトの名無しさん** · 2018/11/24(土) 05:52:41.73

>>62
これ俺もいれようとして結局わからなかった

**デフォルトの名無しさん** · 2018/11/24(土) 07:32:42.86

俺もSSIでインクルードしてるからこういうリアルタイムに変更を反映してくれるやつは入れず
XAMPとかでいちいちリロードしながらみてる。
なんか良いのあったら教えて欲しいでゲス。

**デフォルトの名無しさん** · 2018/11/24(土) 10:40:58.11

SSIって今時使われてるの…？

**デフォルトの名無しさん** · 2018/11/24(土) 11:21:07.70

>>55
アクティブバー、ファイルのエクスプローラー、エディタ2ペイン、ミニMap　を並べると1つ1つがとても小さくなる
Bracketsなら余裕ある

**デフォルトの名無しさん** · 2018/11/24(土) 14:38:53.76

>>65
SSIやPHP使ってて、それのためにXAMPPでサーバー立てても
Browsersyncのproxy機能で監視&自動リロードできるよ。ってか俺がそう使ってる。
うちはgulp経由だが素のnpm startでもどちらでも
VSCodeのタスク機能から立ち上げて管理できるし
使わない手はない

**デフォルトの名無しさん** · 2018/11/24(土) 16:43:48.21

Amazonでサイバーマンデーとかいうのやるみたいだけどキーボードとか安くなるんか？
HHKB買ってもええんか？

**デフォルトの名無しさん** · 2018/11/24(土) 21:06:03.74

>>67
ファイルエクスプローラーはアクティブバーのボタンをもう一回押せば非表示に出来る
エディタの配置はタブをドラッグしたら直感的に出来るはず
ミニマップはメニューの表示>ミニマップの切り替えで非表示に出来る

**デフォルトの名無しさん** · 2018/11/24(土) 21:10:25.84

HTML+CSSのLive Preview機能に限ってはBracketsが一番優秀な気がする

**デフォルトの名無しさん** · 2018/11/24(土) 22:19:41.83

Win10ProでVSCode入れたのだが、
Windowsのエクスプローラーでフォルダ一覧を出しておいて、
目的のフォルダを選択して右クリックメニューにVSCodeで開くというメニューは
無いの？
毎回VSCodeを起動してフォルダを開くのが面倒なのだが。

**デフォルトの名無しさん** · 2018/11/24(土) 22:20:44.64

>>72
ググれよ

**デフォルトの名無しさん** · 2018/11/24(土) 22:27:50.10

>>73
ググってここに来たんだよ。
教えれろよ。
レジストリいじるのか？

**デフォルトの名無しさん** · 2018/11/24(土) 22:33:15.92

上から目線わろた

**デフォルトの名無しさん** · 2018/11/24(土) 22:41:40.13

>>63
自分もlive serverの自動リロード？が効いてません…
調べても同様のケースが見つからず悩んでいます
ファイルはローカルに置いてあるんですが何故でしょうか…

**デフォルトの名無しさん** · 2018/11/24(土) 22:47:57.20

>>72
それは質問するまでもなく、
そうなるように、自分で実装すればいいんじゃないの？

**デフォルトの名無しさん** · 2018/11/24(土) 22:50:52.33

インストール時のオプションでコンテキストメニューに追加するかどうか選択できるよ
その部分もossだから心配ならそこから引っ張ってくれば
ググれば出るともうけど

**デフォルトの名無しさん** · 2018/11/24(土) 23:07:18.87

>>78
そう言う事か
サンキュウ

**デフォルトの名無しさん** · 2018/11/24(土) 23:09:16.40

>>70
2つのペインを分ける境界が無駄に太いですｗ

**デフォルトの名無しさん** · 2018/11/24(土) 23:39:25.53

>>69
こんなのもある。ほしいぞ。
https://www.pfu.fujitsu.com/rfkeyboard/

**デフォルトの名無しさん** · 2018/11/25(日) 00:27:54.39

ん？東プレ買収されたん？

**デフォルトの名無しさん** · 2018/11/25(日) 02:31:54.31

>>82
節子それ東プレやないリアフォのHHKB仕様や

**デフォルトの名無しさん** · 2018/11/25(日) 02:39:18.15

リアフォは東プレでないんかい？
http://www.realforce.co.jp/products/index_office.html

**デフォルトの名無しさん** · 2018/11/25(日) 02:42:22.13

もともとPFUは東プレのキースイッチ使ってHHKB作ってるから。
今回ようやく表立ってコラボしただけ。

**デフォルトの名無しさん** · 2018/11/25(日) 04:41:03.66

>>84
ものはリアフォR2だけど販売はPFU。コラボ製品で仕様はHHKBになってる。
PFUは東プレのOEM先。

**デフォルトの名無しさん** · 2018/11/25(日) 10:58:22.13

>>81

> 販売価格：¥28,500（税抜）（¥30,780（税込））

グエーッ！

**デフォルトの名無しさん** · 2018/11/25(日) 15:36:07.62

>>87
これでガマン
https://www.amazon.co.jp/gp/aw/d/B07B3X17W8

**デフォルトの名無しさん** · 2018/11/25(日) 15:53:04.52

Type-Sの黒はまだか

**デフォルトの名無しさん** · 2018/11/25(日) 17:12:02.06

>>76
63ですが私はVSC使い始めたばかりの初心者なので見当つかないですすみません。
環境や経緯の詳細書いて質問しなおされたほうがいいと思いますよ。

**デフォルトの名無しさん** · 2018/11/25(日) 18:29:56.88

ファイル保存する時にエンコーディング指定する方法を教えてくれ

**デフォルトの名無しさん** · 2018/11/25(日) 18:55:12.06

>>87
オシシ仮面になってて草

**デフォルトの名無しさん** · 2018/11/25(日) 18:58:51.20

>>91
困ったらとりあえず Ctrl(Cmd) + Shift + P で encoding とかキーワード入れてみろ

**デフォルトの名無しさん** · 2018/11/25(日) 19:39:23.48

>>93
出来たよ。ありがとう。
もう一つ教えてくれよ。
Ctrl(Cmd) + Shift + P
で開いた入力欄で何故かマウス右クリックメニューが出ないので
コピーペーストで貼り付けられない。
でもキーボード入力は受け付けるのでCTRL+Vでは貼り付けられる。
なぜマウス右クリは効かないの？
Windows10よ

**デフォルトの名無しさん** · 2018/11/25(日) 19:46:04.57

そんなところでマウスに手を伸ばすアンポンタンが使うことを想定していないからだろうな

**デフォルトの名無しさん** · 2018/11/25(日) 19:51:33.24

>>95
パソコン操作の８割をマウスでやる
俺を馬鹿にしているのか。
もう一つ教えてくれよ。
VSCodeウインドウのボーダーが目立たないので分りにくい。
Visual Studio 2017みたいにボーダーを強調表示する設定はないの？

**デフォルトの名無しさん** · 2018/11/25(日) 21:32:10.47

あるよ

**デフォルトの名無しさん** · 2018/11/25(日) 21:38:02.69

キーボードの操作を覚えると楽だよ
vim使えとは言わないがショートカットキーを壁に貼って暗記しよ

**デフォルトの名無しさん** · 2018/11/25(日) 22:16:33.19

>>81
これめっちゃ良いな
俺リアフォもHHKBもどっちも持ってないけどこれはリアフォ名義のHHKBってこと？

**デフォルトの名無しさん** · 2018/11/25(日) 23:24:21.02

>>99
ここに詳しく書いてある
http://www.gdm.or.jp/review/2018/0626/267588

**デフォルトの名無しさん** · 2018/11/25(日) 23:26:16.86

>>97
やり方教えろよ

**デフォルトの名無しさん** · 2018/11/26(月) 05:49:50.25

知ってるがお前の態度が気に入らない

**デフォルトの名無しさん** · 2018/11/26(月) 06:41:56.59

ひょぉぉおおん

**デフォルトの名無しさん** · 2018/11/26(月) 09:12:26.32

>>102
先生教えて下さい

**デフォルトの名無しさん** · 2018/11/26(月) 13:35:37.54

キーボードねぇ。
すんごい優秀なプログラマーの事務所に行ったことがあって、
どんな仕事道具を使ってんかと思ったら、
なんてことないバッファローのラバーキーボードだった。

てっきりメカニカルキーボードかと思ったと言ったら
「道具に拘りは無い。前の職場にこだわる人もいたが、これでも同じことが出来るから問題ない」との事。

**デフォルトの名無しさん** · 2018/11/26(月) 13:41:21.38

だからなにとしか

**デフォルトの名無しさん** · 2018/11/26(月) 13:42:41.98

ほんとだからなにだな

**デフォルトの名無しさん** · 2018/11/26(月) 13:48:14.00

僅かな差が致命的なゲームなら拘るのも分かる

**デフォルトの名無しさん** · 2018/11/26(月) 14:00:52.58

考える時間 > 読む時間 > 書く時間
だからな

**デフォルトの名無しさん** · 2018/11/26(月) 14:08:29.59

腱鞘炎だからメカニカル買ったお
指が強い人はキーボードにこだわる必要がなくて羨ましいね

**デフォルトの名無しさん** · 2018/11/26(月) 14:10:40.52

まー普段から「勉強せな勉強せな」言ってる人だから、
道具は二の次で知識や技術のほうが気合入ってるんだろうな。
これでもかってくらい専門書があったし。

**デフォルトの名無しさん** · 2018/11/26(月) 15:58:11.86

だからなにとしか

**デフォルトの名無しさん** · 2018/11/26(月) 17:12:33.27

>>111
その人を尊敬してるのか知らんけどお前は何一つすごくないんやで(^_^;)

**デフォルトの名無しさん** · 2018/11/26(月) 17:15:32.29

「その人」もすごくないけどなｗ

**デフォルトの名無しさん** · 2018/11/26(月) 17:55:16.66

道具に拘るかどうかなんて人によるべさ

**デフォルトの名無しさん** · 2018/11/26(月) 19:06:55.85

自分が凄いとは一言も書いてないし、思い出した話をチラシの裏にかいただけなのに
なんでこんなに食いつきがいいんだ。

あ、そういうことか！
いやいや、反応しちゃった人達も優秀なプログラマーだって！！
凄いぞ！！えらいぞ！！

**デフォルトの名無しさん** · 2018/11/26(月) 19:11:40.60

うわっ……

**デフォルトの名無しさん** · 2018/11/26(月) 19:15:31.35

早く死なねえかなこういう奴

**デフォルトの名無しさん** · 2018/11/26(月) 19:48:31.46

弘法筆を選ばずと説きたいんだろうが、筆を選んだ弘法大師はもっと凄いんだろうから、選ばない弘法は弘法の中でも二流

**デフォルトの名無しさん** · 2018/11/26(月) 19:48:40.87

「同じことができる」って言うけど、
例えば100均のハサミで魚を捌いて、刺し身にできるかもしれないが、そんなことする料理人はいない。

逆に、包丁をまともに扱えない人間が、一流の料理人が扱うような包丁を持っても活かせない。

誰がどんな道具を持つかなんて完全な自由だし、用途を誤ってたり身の丈にあっていなければ意味が無い。

道具に拘っているか否か、は実力の指標になんてならん。

**デフォルトの名無しさん** · 2018/11/26(月) 21:28:14.99

なんでもいいけど、せめてエディタの話をしようぜ

**デフォルトの名無しさん** · 2018/11/26(月) 22:18:05.92

エディタに拘りは無い。前の職場に拘る人もいたがメモ帳で同じこと出来るから問題ない

**デフォルトの名無しさん** · 2018/11/26(月) 22:36:28.46

楽できるのにしないのはただの怠慢だと思う。

**デフォルトの名無しさん** · 2018/11/26(月) 22:41:59.63

メモ帳なんてキーボードで言うとキーが欠損してるレベル
安物のキーボードを使うのとは全然違う

**デフォルトの名無しさん** · 2018/11/26(月) 22:42:59.00

じゃあviでいい
どんなｸｿな過酷な環境でも必ず入ってる

**デフォルトの名無しさん** · 2018/11/27(火) 00:20:34.36

JS,HTML,CSSを書くのにvs code使ってるんだけどなんかテンション上がるイカした拡張機能教えて
とりあえずこれは入れた
https://i.imgur.com/BgJSenm.jpg

**デフォルトの名無しさん** · 2018/11/27(火) 00:25:03.33

入れる時は調べまくるんだが入れた後はどれがどの機能なのか分からなくなる

**デフォルトの名無しさん** · 2018/11/27(火) 00:38:58.20

初心者なんですがメモ帳じゃなんでだめなんですか？

**デフォルトの名無しさん** · 2018/11/27(火) 00:41:32.25

>>128
構わんぞ
好きにしろ

**デフォルトの名無しさん** · 2018/11/27(火) 00:46:47.45

あとでよく見ると機能が重複してるんだよな。addonが衝突して気付く。
イカしてると思うのは探してるときだけで冷静に考えると「コレはコレで代用できる」とか。

>>126
それに定番は入ってるからおま環としか言いようがなくないか？
dark themeならDraculaあるよ！とかdark themeよりblack themeおすすめ！くらい。

**デフォルトの名無しさん** · 2018/11/27(火) 01:52:25.75

おすすめ拡張機能！とかの記事で
だいたいpath intellisenseとか紹介されてるけど
今って標準でパス補完機能あるんだしわざわざ入れる必要ある？
機能重複するじゃん

**デフォルトの名無しさん** · 2018/11/27(火) 02:01:36.97

Visual Studio Code / VSCode Part4
https://mevius.5ch.net/test/read.cgi/tech/1529679715/454-456

色々な拡張機能の紹介動画の解説です

**デフォルトの名無しさん** · 2018/11/27(火) 03:15:02.19

>>126
使うとしたら
HTMLHint
HTML CSS Support
CSS Peek
Image preview
辺りかなぁ
Path IntelliSenseは要らない気がする

本体のアプデで機能追加されて不要になるみたいなのが結構ある(例 HTML Snippet)からちょいちょい確認すると良い

**デフォルトの名無しさん** · 2018/11/27(火) 08:29:11.76

html,css,scss,jsで使う系で入れてるのは
HTMLHint
HTML CS Support
EditorConfig
Prettier(html機能を切ってjs,scssのみ)
Beautify（js機能を切ってhtmlのみ）
SCSS IntelliSense
editorconfig
sftp
vscode-input-sequence
Bookmarks
Partifal Diff
あたり。Image previewも入れてたけど、うちの環境ではやたらと重くなるので切った

**デフォルトの名無しさん** · 2018/11/27(火) 13:33:29.06

html tag wrapper
が動かん

**デフォルトの名無しさん** · 2018/11/27(火) 13:57:44.13

>>135
何度も繰り返すが標準搭載してるEmmetでいいだろ

**デフォルトの名無しさん** · 2018/11/27(火) 14:02:02.14

わけわからんことをヌかしているやつはみんなvi使いなんだよね。
そんなもん窓から投げ捨ててemacsを使おうぜ！

**デフォルトの名無しさん** · 2018/11/27(火) 14:32:59.42

>>136
インストールしなくても使えるのか？

**デフォルトの名無しさん** · 2018/11/27(火) 15:21:06.77

html tag wrapper
HTML ファイルで、Windows では、Ctrl + i を押すと、両端をタグで囲める

囲む範囲を選択して、Ctrl + i

Emmet は、最初から入っている。
HTML ファイルで「!」を入力してみ

でも、なかなか覚えられない

**デフォルトの名無しさん** · 2018/11/27(火) 15:23:52.92

vimキーバインドでちゃんとjjを設定出来るのがいい感じ
spacemacsだと出来んかったからな

**デフォルトの名無しさん** · 2018/11/27(火) 15:31:04.34

>>139
>囲む範囲を選択して、Ctrl + i
あああ
と入力して選択してCtrl+iすると
<あああ>
になるぞ。これで正常なのか？
<p>あああ</p>
などにしたいのだが出来ない。

**デフォルトの名無しさん** · 2018/11/27(火) 15:34:15.99

>>138
標準搭載って言ってるんだからそのままで使える。

適当に文字列を選択するだろ、コマンドパレットから「Emmet: ラップ変換」、
「Emmet: Wrap with Abbreviation」なのでwrapとでも入力すれば出てくる。
それこそこのコマンドに Ctrl+i でも割り当てとけ。
出てくるダイアログに p とか div とか入れたらもうそれに応じてリアルタイムに囲まれる。Enterで確定。
Emmet記法が使えるので div.hoge と入れたら <div class="hoge">[選択した文字列]</div> と一発だ。
そうなると div#hoge だとどうなるかわかるな。想像通り <div id="hoge">[選択した文字列]</div> だ。
なんと、classやidつきの場合、divだけは基本だから省略できるんだ。 .hoge や #hoge だけでいい。

ここまでできたら html tag wrapper をゴミ箱に入れて終了だ。がんばれ！

**デフォルトの名無しさん** · 2018/11/27(火) 15:54:41.21

>>142
「私は東京生まれで小さい頃からヒップホップを嗜んでいます」
↓
「Hey yo! 俺は東京生まれーHIPHOP育ちー悪いやつらは大体友達ー」

こんな変換かな？「Emmet: ラップ変換」

**デフォルトの名無しさん** · 2018/11/27(火) 16:19:20.54

スクリーン動画撮っておいたぞ
https://imgur.com/a/PiqcACu

別にEmmetの記法なんか全部覚えなくてもいいから
最低限 .hoge と #hoge と div>span みたいな > だけでも使うと
記述が数倍楽になるぞ

**139** · 2018/11/27(火) 16:59:27.90

>>141
「あああ」を選択してもダメ

<p>Hello</p>
みたいに、タグが含まれていないと、正常に動かない

>>142
に書いてある、Emmet の方が便利

**デフォルトの名無しさん** · 2018/11/27(火) 18:27:07.29

emmetが時たま反応しない。けどすごい使いやすいよね。