Visual Studio Code / VSCode Part3

**デフォルトの名無しさん** · 2018/01/02(火) 20:50:35.60

MS発のエディタVSCodeのスレ

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

前スレ
MacでもLinuxでも使えるVisual Studio Code Part2
http://mevius.5ch.net/test/read.cgi/tech/1494638671/

**デフォルトの名無しさん** · 2018/01/02(火) 20:51:53.06

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

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

**デフォルトの名無しさん** · 2018/01/03(水) 11:44:27.68

これは>>1乙じゃなくてIO redirectionなんだからね

**デフォルトの名無しさん** · 2018/01/05(金) 13:49:41.07

>1
これは1乙じゃなくてコマンドパレットなんだからね！

**デフォルトの名無しさん** · 2018/01/06(土) 12:02:00.15

VScodeで上部にアイコン並べることってできないのかな？
よくあるwebのマークダウンエディタみたいに
atomだとあったんだけど

**デフォルトの名無しさん** · 2018/01/07(日) 06:08:50.00

そのへんのUI弄るようなのは
atomと違ってvscodeは出来ない

その分軽いってことで

**デフォルトの名無しさん** · 2018/01/07(日) 09:44:57.14

初歩的質問２つ聞かせて、macOS環境で
１．コード書くときに「”」入力すると自動で閉じ「”」も入力してくれるけど、抜けるショートカットはcmd＋→だけ？
２．入力途中で候補が出てくるときは、選択は↑↓だけ？tabとかspaceで次候補に移らないの？

**デフォルトの名無しさん** · 2018/01/07(日) 10:49:54.83

>>7
1. https://marketplace.visualstudio.com/items?itemName=albert.TabOut 拡張機能を使えば選択肢は増やせるよ
2. キーバインドを変更すれば対応できるよ https://qiita.com/carnelia0702/items/fc736cfc61daa282f789

**デフォルトの名無しさん** · 2018/01/07(日) 11:14:35.23

ありがとう！
モヤモヤが晴れてスッキリ。

**デフォルトの名無しさん** · 2018/01/08(月) 22:57:42.06

いつの間にかアクティビティバーのアイコンが減ってる！？
って思ったら表示のオンオフを切り替えられるようになったのか

**デフォルトの名無しさん** · 2018/01/11(木) 09:45:17.62

列数のカウントの違いで見た目がずれるのですが、
回避策などはありますか？

https://github.com/Microsoft/vscode/issues/22832

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

自分も初歩的な質問ですが…
HTMLやCSS（SASS）で
例えば<div>を消したら</div>も消してくれるような機能ありますか？
CSSだったら
.class{を消したら｝も消してくれるようなものです。

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

最初はこう、
<div>
</div>

<div>
<div>＜＝間違えて入力した、なので消すと・・・
</div>

<div>
ってなるからだめじゃん。

**デフォルトの名無しさん** · 2018/01/11(木) 19:08:40.06

たしかになー
ただ、閉じタグをハイライトしてくれる拡張機能があるから、
上手い具合に制御して消せるのがありそうな気がしてならないんだよなぁ。

**デフォルトの名無しさん** · 2018/01/11(木) 19:27:08.82

>>13
間違えて入力した時点で </div> も自動で入るだろ
消すのだけ自動とかあり得んわ

まあ<div> ... </div> の中身だけ残っても困るし、画面に表示されてない </div> が勝手に消えるのもどうかと思うので俺はそんな機能は要らんな

**デフォルトの名無しさん** · 2018/01/11(木) 19:52:49.74

>>15
自分一人で書いている分にはそうかもしれんが
他人が違うエディタで書いていたものを自分が編集したらとか考えんの？

**デフォルトの名無しさん** · 2018/01/11(木) 20:04:12.19

>>16
エラーを含むコードまで良しなにしてくれるとかいかにも低能の願望過ぎて笑うわ

**デフォルトの名無しさん** · 2018/01/11(木) 20:39:12.98

対応したタグを変更する機能がある環境知ってるけど非常に邪魔だぞ
というか絶対いらない機能

<div>をタイプしたら
<div></div>
勝手にこうなる
</div>は別の位置に書きたいから</div>消すと
最初の<div>まで消える

どうやって開発しろと…

**デフォルトの名無しさん** · 2018/01/11(木) 20:41:54.95

<div></div>の後ろのタグを別のものたとえば<p>とかに変えようと
</div>の　div部分を削っていくと最初の<div>の内容まで削られていく

馬鹿が思い付きで機能作るとこうなる

**デフォルトの名無しさん** · 2018/01/11(木) 20:42:38.90

必要なくなったタグを消す時に欲しいんだよなぁ。
特にネストがそれなりにあってスクロールして閉じタグ探して消すレベルのだと
間違えて違う閉じタグを消す時がある。

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

そのdivが必要かどうかは人間の判断がいるんだよwwww

**デフォルトの名無しさん** · 2018/01/11(木) 20:46:04.50

そりゃそうだよ。
「消した瞬間に消えてほしい」なんて書いてないけど。

**デフォルトの名無しさん** · 2018/01/11(木) 20:49:08.26

例えば消したい<div>を右クリックしたら閉じタグを一緒に消すようなコンテキストメニューが出て、それで消えればいいなと。
流石にどちらかを消したら勝手に一緒に消えるのは嫌だよ。よく思い付くね。

**デフォルトの名無しさん** · 2018/01/11(木) 20:50:25.70

タグ入力したら閉じタグを勝手にいれるのもいらない機能

**デフォルトの名無しさん** · 2018/01/11(木) 20:58:10.71

>>23

中の要素を非表示というか折りたためばいいんじゃないかな？
試したらうまくいくけど

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

>>25
今のところそれでやってるんだけど、ただ消したいタグの直下にまた複数のネストしたタグがあったりすると、
それらを折り畳むのが面倒なんだよね。

まーでも無いのが分かったよ。ありがとう。

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

少なくともHTMLなら、 editor.emmet.action.removeTag（タグの削除）でいけるでしょ。
普通にショートカット割り当ててがっつり使ってるぞ。

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

<div class="foo">
<div class="bar">
<img src="hoge.jpg">aaaaa
</div>
</div>
ってあるときに、カーソル位置が foo（か、対応する</div>）あたりにあるときに上記コマンド打てば
<div class="bar">
<img src="hoge.jpg">aaaaa
</div>
って対応するタグごと消してくれるし、imgタグ上ならimgタグだけ消すし、
aaaのテキスト上なら、それを内包する直近のタグ、この場合はbarを消して
<div class="foo">
<img src="hoge.jpg">aaaaa
</div>
となるので多分希望通りの挙動すると思う 👀
Rock54: Caution(BBR-MD5:0be15ced7fbdb9fdb4d0ce1929c1b82f)

**デフォルトの名無しさん** · 2018/01/13(土) 14:07:18.90

>>27
>>28
まさにこれ！
内蔵機能であるレベルなんだね。ありがとう。
ただ、こちらの環境でCtrl+Zで戻すと開始タグの真横に閉じタグが勝手につくから、これをなんとかせんといけないな。