Visual Studio Code / VSCode Part5

1 名前：デフォルトの名無しさん mailto:sage [2018/11/08(木) 12:59:24.97 ID:73zDssgb.net] 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/ 55 名前：ﾌシンプルなものです。 しかし画像のように、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のプレビューでは正確な表示は無理なのでしょうか。 それともやり方が悪いのか、もしくは正確に表示できる拡張機能があれば教えてください。 [] [ここ壊れてます] 56 名前：デフォルトの名無しさん mailto:sage [2018/11/22(木) 22:05:17.27 ID:19GajFob.net] >>53 エディタ上で正しく表示されない理由は正直分からないけど、HTMLのライブプレビューはこれが一番良いと思う https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer 57 名前：デフォルトの名無しさん mailto:sage [2018/11/22(木) 22:12:46.61 ID:19GajFob.net] >>46 むしろVSCodeは高機能な割に敷居はめちゃ低いと思う vimとかは設定書かないとマトモに使えた物じゃないし敷居が高い Sync Settingは複数PCで設定を共有するためのプラグインだから単一PCなら必要ない あと「画面を広く」ってのはどういう感じのことを言ってる？ 58 名前：デフォルトの名無しさん mailto:sage [2018/11/22(木) 22:29:04.77 ID:+t1q93EX.net] プレビューはLiveserver使いやすくていいぞ 59 名前：デフォルトの名無しさん mailto:sage [2018/11/22(木) 23:28:35.74 ID:/zLI6mzi.net] >>49 プロセス間通信でIOがボトルネックになってるだけだろ。 chromeやelectronの仕組み上つき纏う。 60 名前：53 mailto:sage [2018/11/22(木) 23:45:13.07 ID:Sr6tmqs7.net] >>54 >>56 レスありがとうございます！早速インストールして使ってみました。 実ブラウザで表示させるタイプなんですね。 ボタン一つでデフォルトブラウザに表示されて簡単でした。 しかしなぜかうちの環境では、説明GIFのようにセーブしてすぐ変更反映とはいかず、 ブラウザをアクティブにしてリロードしないと変更が反映されないようです。 あとで詳しくググって原因を調べてみます。 教えていただいたLive Serverを検索したときに候補にでた別の作者さんの、 Live Server Previewという拡張機能を試しにいれたところ、 エディタ内表示タイプで53のhtml+cssが正確に表示されました。 こちらもセーブしたら変更反映されるタイプで、うちの環境でも問題ないようです。 贅沢言うと53で書いた二つの拡張機能のように、セーブしなくてもリアルタイム更新 できるものがよかったのですが、表示の正確さには替えられないので暫くこちらを使ってみます。 色々試してこの拡張機能も表示がおかしいようであればエディタ内表示タイプは諦めて、 教えていただいたLive Serverのほうをしっかり動くようにして使いたいと思います。 リロードしないと反映されない状態でも実ブラウザでチェックするのに便利ですので、 Live ServerとLive Server Previewを併用しようと思います。 情報ありがとうございました。 61 名前：デフォルトの名無しさん mailto:sage [2018/11/22(木) 23:45:17.25 ID:VnO3ZoaR.net] >>53-54 たぶん、Ritwick Dey の拡張機能、 Live Sass Compiler を入れたら、Live Server も入るのだろう Vue.js, Nuxt.js などのフレームワークでも、できるかも 62 名前：デフォルトの名無しさん mailto:sage [2018/11/22(木) 23:48:54.68 ID:VnO3ZoaR.net] >>58 >セーブしなくてもリアルタイム更新 できるものが、よかった 書きかけの途中で表示されても、エラーになる� 63 名前：ｾけで何にもならない。 むしろ、エラーに時間を取られるだけ [] [ここ壊れてます] 64 名前：デフォルトの名無しさん mailto:sage [2018/11/23(金) 01:15:52.64 ID:L7IInyfX.net] Live Serverって良さげだけどSSIは対応してないのか 65 名前：デフォルトの名無しさん mailto:sage [2018/11/23(金) 12:24:59.12 ID:fV/H82kQ.net] HTML表示確認はもうnode入れてBrowserSyncした方が 後々互換性だの気にしなくていいし楽だよ。 66 名前：53 mailto:sage [2018/11/24(土) 00:36:41.00 ID:W3epbiBi.net] >>59-60 レスありがとうございます。 一旦Live Serverを削除してLive Sass Compilerを入れると、 確かにLive Serverも一緒にインストールされました。 でもすみません、HTML初心者でプログラミング知識はまったくないので、 Live Serverだけで十分みたいです。 >>62 ググってみてみましたが、node.jsというものでしょうか。 JavaScriptはよくわかってないので自分には難しい感じです。 でも御助言ありがとうございます。 58で書いたLive Serverが、ファイル更新セーブしても 自動で反映されない原因がわかりました。 実は仮想環境上で使っていまして、htmlとcssを置いていた場所が 共有フォルダ上にあったのが原因でした。 ファイルをゲスト側にコピーしてそれを開いて更新すれば正常に動作しました。 おま環ですみません。長文失礼しました。 67 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 05:52:41.73 ID:ldzxWU8R.net] >>62 これ俺もいれようとして結局わからなかった 68 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 07:32:42.86 ID:v6z2cgUD.net] 俺もSSIでインクルードしてるからこういうリアルタイムに変更を反映してくれるやつは入れず XAMPとかでいちいちリロードしながらみてる。 なんか良いのあったら教えて欲しいでゲス。 69 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 10:40:58.11 ID:r/f5pPGd.net] SSIって今時使われてるの…？ 70 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 11:21:07.70 ID:ldzxWU8R.net] >>55 アクティブバー、ファイルのエクスプローラー、エディタ2ペイン、ミニMap　を並べると1つ1つがとても小さくなる Bracketsなら余裕ある 71 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 14:38:53.76 ID:kEsOWMMD.net] >>65 SSIやPHP使ってて、それのためにXAMPPでサーバー立てても Browsersyncのproxy機能で監視&自動リロードできるよ。ってか俺がそう使ってる。 うちはgulp経由だが素のnpm startでもどちらでも VSCodeのタスク機能から立ち上げて管理できるし 使わない手はない 72 名前：デフォルトの名無しさん [2018/11/24(土) 16:43:48.21 ID:5AJXZrWn.net] Amazonでサイバーマンデーとかいうのやるみたいだけどキーボードとか安くなるんか？ HHKB買ってもええんか？ 73 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 21:06:03.74 ID:AU0MIOC6.net] >>67 ファイルエクスプローラーはアクティブバーのボタンをもう一回押せば非表示に出来る エディタの配置はタブをドラッグしたら直感的に出来るはず ミニマップはメニューの 表示>ミニマップの切り替え で非表示に出来る 74 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 21:10:25.84 ID:AU0MIOC6.net] HTML+CSSのLive Preview機能に限ってはBracketsが一番優秀な気がする 75 名前：デフォルトの名無しさん [2018/11/24(土) 22:19:41.83 ID:PUlfMio8.net] Win10ProでVSCode入れたのだが、 Windowsのエクスプローラーでフォルダ一覧を出しておいて、 目的のフォルダを選択して右クリックメニューにVSCodeで開くというメニューは 無いの？ 毎回VSCodeを起動してフォルダを開くのが面倒なのだが。 76 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 22:20:44.64 ID:WtZSNTCR.net] >>72 ググれよ 77 名前：デフォルトの名無しさん [2018/11/24(土) 22:27:50.10 ID:PUlfMio8.net] >>73 ググってここに来たんだよ。 教えれろよ。 レジストリいじるのか？ 78 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 22:33:15.92 ID:WtZSNTCR.net] 上から目線わろた 79 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 22:41:40.13 ID:qNi2DrAy.net] >>63 自分もlive serverの自動リロード？が効いてません… 調べても同様のケースが見つからず悩んでいます ファイルはローカルに置いてあるんですが何故でしょうか… 80 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 22:47:57.20 ID:4h3e4Owi.net] >>72 それは質問するまでもなく、 そうなるように、自分で実装すればいいんじゃないの？ 81 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 22:50:52.33 ID:uZNm4Ryw.net] インストール時のオプションでコンテキストメニューに追加するかどうか選択できるよ その部分もossだから心配ならそこから引っ張ってくれば ググれば出るともうけど 82 名前：デフォルトの名無しさん [2018/11/24(土) 23:07:18.87 ID:PUlfMio8.net] >>78 そう言う事か サンキュウ 83 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 23:09:16.40 ID:ldzxWU8R.net] >>70 2つのペインを分ける境界が無駄に太いですｗ 84 名前：デフォルトの名無しさん mailto:sage [2018/11/24(土) 23:39:25.53 ID:SJCNkVg3.net] >>69 こんなのもある。ほしいぞ。 https://www.pfu.fujitsu.com/rfkeyboard/ 85 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 00:27:54.39 ID:yfZpd32J.net] ん？東プレ買収されたん？ 86 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 02:31:54.31 ID:04rHGe0b.net] >>82 節子それ東プレやないリアフォのHHKB仕様や 87 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 02:39:18.15 ID:AymKVFu/.net] リアフォは東プレでないんかい？ www.realforce.co.jp/products/index_office.html 88 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 02:42:22.13 ID:UAkzuivq.net] もともとPFUは東プレのキースイッチ使ってHHKB作ってるから。 今回ようやく表立ってコラボしただけ。 89 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 04:41:03.66 ID:/1xSEmEc.net] >>84 ものはリアフォR2だけど販売はPFU。コラボ製品で仕様はHHKBになってる。 PFUは東プレのOEM先。 90 名前：デフォルトの名無しさん [2018/11/25(日) 10:58:22.13 ID:wWU/NTaG.net] >>81 > 販売価格：¥28,500（税抜）（¥30,780（税込）） グエーッ！ 91 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 15:36:07.62 ID:YT8mx5MJ.net] >>87 これでガマン https://www.amazon.co.jp/gp/aw/d/B07B3X17W8 92 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 15:53:04.52 ID:lwndahow.net] Type-Sの黒はまだか 93 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 17:12:02.06 ID:n6wJTimy.net] >>76 63ですが私はVSC使い始めたばかりの初心者なので見当つかないですすみません。 環境や経緯の詳細書いて質問しなおされたほうがいいと思いますよ。 94 名前：デフォルトの名無しさん [2018/11/25(日) 18:29:56.88 ID:lIzBtfoP.net] ファイル保存する時にエンコーディング指定する方法を教えてくれ 95 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 18:55:12.06 ID:JX53Nmcj.net] >>87 オシシ仮面になってて草 96 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 18:58:51.20 ID:mH6GThxQ.net] >>91 困ったらとりあえず Ctrl(Cmd) + Shift + P で encoding とかキーワード入れてみろ 97 名前：デフォルトの名無しさん [2018/11/25(日) 19:39:23.48 ID:lIzBtfoP.net] >>93 出来たよ。ありがとう。 もう一つ教えてくれよ。 Ctrl(Cmd) + Shift + P で開いた入力欄で何故かマウス右クリックメニューが出ないので コピーペーストで貼り付けられない。 でもキーボード入力は受け付けるのでCTRL+Vでは貼り付けられる。 なぜマウス右クリは効かないの？ Windows10よ 98 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 19:46:04.57 ID:mH6GThxQ.net] そんなところでマウスに手を伸ばすアンポンタンが使うことを想定していないからだろうな 99 名前：デフォルトの名無しさん [2018/11/25(日) 19:51:33.24 ID:lIzBtfoP.net] >>95 パソコン操作の８割をマウスでやる 俺を馬鹿にしているのか。 もう一つ教えてくれよ。 VSCodeウインドウのボーダ 100 名前：ーが目立たないので分りにくい。 Visual Studio 2017みたいにボーダーを強調表示する設定はないの？ [] [ここ壊れてます] 101 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 21:32:10.47 ID:+Rx2UR4K.net] あるよ 102 名前：デフォルトの名無しさん [2018/11/25(日) 21:38:02.69 ID:wWU/NTaG.net] キーボードの操作を覚えると楽だよ vim使えとは言わないがショートカットキーを壁に貼って暗記しよ 103 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 22:16:33.19 ID:k3vJM2WM.net] >>81 これめっちゃ良いな 俺リアフォもHHKBもどっちも持ってないけどこれはリアフォ名義のHHKBってこと？ 104 名前：デフォルトの名無しさん mailto:sage [2018/11/25(日) 23:24:21.02 ID:AymKVFu/.net] >>99 ここに詳しく書いてある www.gdm.or.jp/review/2018/0626/267588 105 名前：デフォルトの名無しさん [2018/11/25(日) 23:26:16.86 ID:lIzBtfoP.net] >>97 やり方教えろよ 106 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 05:49:50.25 ID:82trCsBt.net] 知ってるがお前の態度が気に入らない 107 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 06:41:56.59 ID:fPQ0P0Kj.net] ひょぉぉおおん 108 名前：デフォルトの名無しさん [2018/11/26(月) 09:12:26.32 ID:uFKIPm3P.net] >>102 先生教えて下さい 109 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 13:35:37.54 ID:8RccTCSJ.net] キーボードねぇ。 すんごい優秀なプログラマーの事務所に行ったことがあって、 どんな仕事道具を使ってんかと思ったら、 なんてことないバッファローのラバーキーボードだった。 てっきりメカニカルキーボードかと思ったと言ったら 「道具に拘りは無い。前の職場にこだわる人もいたが、これでも同じことが出来るから問題ない」との事。 110 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 13:41:21.38 ID:60SQqhMg.net] だからなにとしか 111 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 13:42:41.98 ID:8VBeLDjH.net] ほんとだからなにだな 112 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 13:48:14.00 ID:Tp/KyfEd.net] 僅かな差が致命的なゲームなら拘るのも分かる 113 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 14:00:52.58 ID:sgq1LDCF.net] 考える時間 > 読む時間 > 書く時間 だからな 114 名前：デフォルトの名無しさん [2018/11/26(月) 14:08:29.59 ID:7VmCRHi5.net] 腱鞘炎だからメカニカル買ったお 指が強い人はキーボードにこだわる必要がなくて羨ましいね 115 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 14:10:40.52 ID:8RccTCSJ.net] まー普段から「勉強せな勉強せな」言ってる人だから、 道具は二の次で知識や技術のほうが気合入ってるんだろうな。 これでもかってくらい専門書があったし。 116 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 15:58:11.86 ID:60SQqhMg.net] だからなにとしか 117 名前：デフォルトの名無しさん [2018/11/26(月) 17:12:33.27 ID:oOLtD9/9.net] >>111 その人を尊敬してるのか知らんけどお前は何一つすごくないんやで(^_^;) 118 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 17:15:32.29 ID:mi59PQkK.net] 「その人」もすごくないけどなｗ 119 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 17:55:16.66 ID:7T0cmmCH.net] 道具に拘るかどうかなんて人によるべさ 120 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 19:06:55.85 ID:8RccTCSJ.net] 自分が凄いとは一言も書いてないし、思い出した話をチラシの裏にかいただけなのに なんでこんなに食いつきがいいんだ。 あ、そういうことか！ いやいや、反応しちゃった人達も優秀なプログラマーだって！！ 凄いぞ！！えらいぞ！！ 121 名前：デフォルトの名無しさん [2018/11/26(月) 19:11:40.60 ID:oOLtD9/9.net] うわっ…… 122 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 19:15:31.35 ID:w8XyCn7i.net] 早く死なねえかなこういう奴 123 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 19:48:31.46 ID:9qUrDPwC.net] 弘法筆を選ばずと説きたいんだろうが、筆を選んだ弘法大師はもっと凄いんだろうから、選ばない弘法は弘法の中でも二流 124 名前：デフォルトの名無しさん [2018/11/26(月) 19:48:40.87 ID:b2Jgu70q.net] 「同じことができる」って言うけど、 例えば100均のハサミで魚を捌いて、刺し身にできるかもしれないが、そんなことする料理人はいない。 逆に、包丁をまともに扱えない人間が、一流の料理人が扱うような包丁を持っても活かせない。 誰がどんな道具を持つかなんて完全な自由だし、用途を誤ってたり身の丈にあっていなければ意味が無い。 道具に拘っているか否か、は実力の指標になんてならん。 125 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 21:28:14.99 ID:KAlMs1xN.net] なんでもいいけど、せめてエディタの話をしようぜ 126 名前：デフォルトの名無しさん [2018/11/26(月) 22:18:05.92 ID:b2Jgu70q.net] エディタに拘りは無い。前の職場に拘る人もいたがメモ帳で同じこと出来るから問題ない 127 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 22:36:28.46 ID:pnIouuIV.net] 楽できるのにしないのはただの怠慢だと思う。 128 名前：デフォルトの名無しさん mailto:sage [2018/11/26(月) 22:41:59.63 ID:Tp/KyfEd.net] メモ帳なんてキーボードで言うとキーが欠損してるレベル 安物のキーボードを使うのとは全然違う 129 名前：デフォルトの名無しさん [2018/11/26(月) 22:42:59.00 ID:404pxOU7.net] じゃあviでいい どんなｸｿな過酷な環境でも必ず入ってる 130 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 00:20:34.36 ID:TpZuomL6.net] JS,HTML,CSSを書くのにvs code使ってるんだけどなんかテンション上がるイカした拡張機能教えて とりあえずこれは入れた https://i.imgur.com/BgJSenm.jpg 131 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 00:25:03.33 ID:LIwTtCKh.net] 入れる時は調べまくるんだが入れた後はどれがどの機能なのか分からなくなる 132 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 00:38:58.20 ID:Wm1/P/JL.net] 初心者なんですがメモ帳じゃなんでだめなんですか？ 133 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 00:41:32.25 ID:PjQ9tanr.net] >>128 構わんぞ 好きにしろ 134 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 00:46:47.45 ID:nQRtrRhV.net] あとでよく見ると機能が重複してるんだよな。addonが衝突して気付く。 イカしてると思うのは探してるときだけで冷静に考えると「コレはコレで代用できる」とか。 >>126 それに定番は入ってるからおま環としか言いようがなくないか？ dark themeならDraculaあるよ！とかdark themeよりblack themeおすすめ！くらい。 135 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 01:52:25.75 ID:OTFuwzOo.net] おすすめ拡張機能！とかの記事で だいたいpath intellisenseとか紹介されてるけど 今って標準でパス補完機能あるんだしわざわざ入れる必要ある？ 機能重複するじゃん 136 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 02:01:36.97 ID:DSo9/Qg/.net] Visual Studio Code / VSCode Part4 https://mevius.5ch.net/test/read.cgi/tech/1529679715/454-456 色々な拡張機能の紹介動画の解説です 137 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 03:15:02.19 ID:7n6dok9k.net] >>126 使うとしたら HTMLHint HTML CSS Support CSS Peek Image preview 辺りかなぁ Path IntelliSenseは要らない気がする 本体のアプデで機能追加されて不要になるみたいなのが結構ある(例 HTML Snippet)からちょいちょい確認すると良い 138 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 08:29:11.76 ID:OTFuwzOo.net] 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も入れてたけど、うちの環境ではやたらと重くなるので切った 139 名前：デフォルトの名無しさん [2018/11/27(火) 13:33:29.06 ID:riCGJi9o.net] html tag wrapper が動かん 140 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 13:57:44.13 ID:OTFuwzOo.net] >>135 何度も繰り返すが標準搭載してるEmmetでいいだろ 141 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 14:02:02.14 ID:qq4O3XGB.net] わけわからんことをヌかしているやつはみんなvi使いなんだよね。 そんなもん窓から投げ捨ててemacsを使おうぜ！ 142 名前：デフォルトの名無しさん [2018/11/27(火) 14:32:59.42 ID:riCGJi9o.net] >>136 インストールしなくても使えるのか？ 143 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 15:21:06.77 ID:DSo9/Qg/.net] html tag wrapper HTML ファイルで、Windows では、Ctrl + i を押すと、両端をタグで囲める 囲む範囲を選択して、Ctrl + i Emmet は、最初から入っている。 HTML ファイルで「!」を入力してみ でも、なかなか覚えられない 144 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 15:23:52.92 ID:eQvO1zRg.net] vimキーバインドでちゃんとjjを設定出来るのがいい感じ spacemacsだと出来んかったからな 145 名前：デフォルトの名無しさん [2018/11/27(火) 15:31:04.34 ID:riCGJi9o.net] >>139 >囲む範囲を選択して、Ctrl + i あああ と入力して選択してCtrl+iすると <あああ> になるぞ。これで正常なのか？ <p>あああ</p> などにしたいのだが出来ない。 146 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 15:34:15.99 ID:OTFuwzOo.net] >>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 をゴミ箱に入れて終了だ。がんばれ！ 147 名前：デフォルトの名無しさん [2018/11/27(火) 15:54:41.21 ID:zCT4SpRg.net] >>142 「私は東京生まれで小さい頃からヒップホップを嗜んでいます」 ↓ 「Hey yo! 俺は東京生まれーHIPHOP育ちー悪いやつらは大体友達ー」 こんな変換かな？「Emmet: ラップ変換」 148 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 16:19:20.54 ID:OTFuwzOo.net] スクリーン動画撮っておいたぞ https://imgur.com/a/PiqcACu 別にEmmetの記法なんか全部覚えなくてもいいから 最低限 .hoge と #hoge と div>span みたいな > だけでも使うと 記述が数倍楽になるぞ 149 名前：139 mailto:sage [2018/11/27(火) 16:59:27.90 ID:DSo9/Qg/.net] >>141 「あああ」を選択してもダメ <p>Hello</p> みたいに、タグが含まれていないと、正常に動かない >>142 に書いてある、Emmet の方が便利 150 名前：デフォルトの名無しさん mailto:sage [2018/11/27(火) 18:27:07.29 ID:t2uiGCJL.net] emmetが時たま反応しない。けどすごい使いやすいよね。 151 名前：デフォルトの名無しさん mailto:sage [2018/11/28(水) 11:19:03.75 ID:DHk9FeEO.net] C:\Users\(ユーザー名)\AppData\Roaming\CodeとC:\Users\(ユーザー名)\.vscodeを消してvscode再インストールしたら、前にいれた拡張プラグインの名前分かんなくなったorz class Hoge{ m_hoge; function func_hoge(){} } を class Hoge{ public m_hoge; public function func_hoge(){} } に保存時に自動変換してくれるPHPとかの拡張プラグインなんだっけ？ あと、入力時に英語のヒントが出る拡張プラグイン(English word hint)ってのが作動しなくなったんだけど 分かる人いませんか？ 152 名前：デフォルトの名無しさん mailto:sage [2018/11/28(水) 12:11:23.74 ID:XnVnUcnE.net] 動かないときはまず dev tool を開く習慣とか環境を書く習慣とかあってほしい 153 名前：デフォルトの名無しさん mailto:sage [2018/11/28(水) 16:07:42.56 ID:DHk9FeEO.net] >>148 質問の答えが書けないなら書かないで習慣とかあって欲しい English word hitが動かないのはマークアップ系のプラグインが必要なことは分かってるがそのプラグイン名がわからんのさ。 154 名前：デフォルトの名無しさん mailto:sage [2018/11/28(水) 16:20:29.22 ID:XitGF45S.net] すごいね そこまでの文脈を読める人もいるんだね どうせquicksuggest切ってるんでしょ 155 名前：デフォルトの名無しさん mailto:sage [2018/11/28(水) 17:13:01.21 ID:DHk9FeEO.net] editor.

---

---

[ 続きを読む ] / [ 携帯版 ]

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef