Visual Studio Code / VSCode Part6

**デフォルトの名無しさん** · 2019/03/15(金) 11:01:35.01

Microsoft発のエディタVisual Studio Codeのスレ

公式
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 Part5
http://mevius.5ch.net/test/read.cgi/tech/1541649564

**デフォルトの名無しさん** · 2019/03/15(金) 21:34:05.54

1乙

**デフォルトの名無しさん** · 2019/03/15(金) 22:57:58.57

おつんぽ

**デフォルトの名無しさん** · 2019/03/16(土) 01:04:45.58

echo htmlspecialchars('いちおつ', ENT_QUOTES, 'UTF-8');

**デフォルトの名無しさん** · 2019/03/17(日) 16:16:39.40

markdownﾓｰﾄﾞでｷｰﾊﾞｲﾝﾄﾞでのemmet展開ができない。(ﾒﾆｭｰから選べば展開できる)

使用 OS : macOS Mojave
1.初期設定で、emmet展開の禁止からmarkdownを外しています。
2.emmet展開のｷｰﾊﾞｲﾝﾄﾞをTABからoption + control + e に変更。(ｷｰﾊﾞｲﾝﾄﾞがﾊﾞｯﾃｨﾝｸﾞしないように)

ｷｰﾊﾞｲﾝﾄﾞがﾊﾞｯﾃｨﾝｸﾞしていないか探してみたけれど、見つけられなかったです。
誰か回避方法を知りませんか？
あるいは上のｷｰﾊﾞｲﾝﾄﾞがﾊﾞｯﾃｨﾝｸﾞしているならどこで使用されているかを。

**デフォルトの名無しさん** · 2019/03/18(月) 03:17:46.24

ちょっとググっても違うのばかりヒットするんで疲れてここ来ましたどうぞよろしく
全角半角(E/J)の切り替えってショートカット設定どうやるんすかね？ちょっと小指伸ばすのしんどいっす

**デフォルトの名無しさん** · 2019/03/18(月) 03:31:27.67

>>6
それはIME側のハナシでは?

**デフォルトの名無しさん** · 2019/03/18(月) 23:42:32.12

おま環だろうけどctrl+]で行のインデントのキーバインドのはずが、
何故かエディタ画面が分割されちゃうんだけど、似たようなこと起きて解決した人いる？
加えてctrl+[で行のインデントの解除のはずがインデントされるようになるから、インデント関係で何か問題がありそう

何かと競合してるんだろうけど、キーボードショートカットは被ってないんだよね
一応再起動したら治る

**デフォルトの名無しさん** · 2019/03/19(火) 08:56:57.86

>>8
調べたら似た症例があった
https://qiita.com/pelican/items/e651dcc7c4abb350d86e
これのとおりにやれば治ると思う

**デフォルトの名無しさん** · 2019/03/19(火) 15:29:12.56

>>9
この人みたいにUS配列のキーボードは使ってないけど試しにやってみるわありがと

**デフォルトの名無しさん** · 2019/03/19(火) 22:26:56.92

エディタの左側の数字指定した行に飛ぶショートカット設定って可能？

**デフォルトの名無しさん** · 2019/03/19(火) 23:08:39.32

ctrl+g

**デフォルトの名無しさん** · 2019/03/20(水) 10:56:57.51

質問です。
compareでdiffをすると便利なのですが、1行が長いと横スクロールになっていしまいます。
これを右端で折り返す設定に変更することは可能でしょうか？
よろしくお願いします。

**デフォルトの名無しさん** · 2019/03/20(水) 20:19:02.18

wordwrapとかじゃない？

**デフォルトの名無しさん** · 2019/03/20(水) 22:04:52.15

>>14
レスありがとうございます。
設定のwordwrapについては、どれを選んんでもダメでした。
通常は、onにしていて折り返しの設定にしています。

**デフォルトの名無しさん** · 2019/03/21(木) 01:36:14.70

>>13
Alt + Z（Macならoption + Zだったような）でもダメ？

**デフォルトの名無しさん** · 2019/03/21(木) 11:19:18.71

>>16
「差分エディターで折り返しの切り替えはできません」とのメッセージが出てダメでした。
レスありがとうございました。

**デフォルトの名無しさん** · 2019/03/21(木) 11:23:27.34

Emmetの既存の登録内容を編集する方法がわかりません
解説サイトなどあれば誘導お願いします

**デフォルトの名無しさん** · 2019/03/23(土) 13:33:43.36

使用している言語はJavascript(React)です。
this.xxxがどれを指しているのかわからない時があるのですが、
例えば、this.の部分にマウスオーバーをすると、そのthisが何を参照しているか教えてくれる・・・といった拡張機能はありませんか？

**デフォルトの名無しさん** · 2019/03/23(土) 13:59:51.02

>>19
JavaScriptのthisが指すものは呼び出し方によって変わるから原理的に無理
VSCodeならTypeScriptつかいなよ
そしたらthisも適切に型付けしてくれる

**デフォルトの名無しさん** · 2019/03/23(土) 16:38:14.26

Sassのソースの自動フォーマットを編集ってできますか？
1行空けて改行とかやめてほしいんですが

**デフォルトの名無しさん** · 2019/03/24(日) 16:19:16.55

>>19
質問ですが、
thisを使うメリットってあるの？
混乱の元なので俺は使わない派

**デフォルトの名無しさん** · 2019/03/24(日) 17:05:10.90

私の親戚は50代の女性で、東大を卒業し、現在は都内の大手企業に勤務してます。
その彼女が言うには、　

その彼女 ←this

**デフォルトの名無しさん** · 2019/03/25(月) 04:44:25.19

>>23

**デフォルトの名無しさん** · 2019/03/25(月) 08:35:30.30

メモリリークばくありますね

**デフォルトの名無しさん** · 2019/03/25(月) 11:15:56.57

>>20
そうなのですね・・・地道に覚えるしかありませんか　jsできるようになってからtsはやろうかなとも考えいましてありがとうございます
>>22
Reactを勉強中でして、その中でthisが大量に出てきてどれを指しているのかいまいちわからず、楽にわからればなと

**デフォルトの名無しさん** · 2019/03/26(火) 10:42:17.63

Pythonで、変数を宣言した時に色分けしてくれる拡張機能ってありませんでしょうか？

**デフォルトの名無しさん** · 2019/03/26(火) 13:27:55.75

ありますん

**デフォルトの名無しさん** · 2019/03/26(火) 16:50:50.98

何て名前ですか？

**デフォルトの名無しさん** · 2019/03/26(火) 20:45:21.22

pythonに変数の宣言なんてあったっけ？

**デフォルトの名無しさん** · 2019/03/26(火) 20:46:31.21

どうも有馬寸です

**デフォルトの名無しさん** · 2019/03/27(水) 13:54:20.57

>>27
色付くかは知らんけどこういうのは役に立たないの？
https://tech.nikkeibp.co.jp/it/atcl/idg/14/481709/032700526/
Microsoft、Python用の高速な型チェックツール「Pyright」を公開

**デフォルトの名無しさん** · 2019/03/27(水) 19:04:16.69

tes

**デフォルトの名無しさん** · 2019/03/27(水) 19:07:50.14

>>1
いつ登録してもらったのかも把握してないのですが、もはや更新できてません。次スレのときから削除してもらえれば嬉しいです。すでに検索エンジンからは除外しました。
https://github.com/vscode-doc-jp/vscode-doc-jp.github.io/blob/master/ZBRSpi0l.md

**デフォルトの名無しさん** · 2019/03/27(水) 19:12:38.54

>>34
今までお疲れさまでした
ありがとうございました

**デフォルトの名無しさん** · 2019/03/28(木) 16:55:20.71

ここで教えてもらったLiveServer便利だけど、PHPだと自動更新してくれないのな

**デフォルトの名無しさん** · 2019/03/29(金) 05:07:17.12

>>36
ほんと？
更新したような気がするが

**デフォルトの名無しさん** · 2019/03/31(日) 22:48:36.47

クイック編集でSASSファイルに飛べるの？

**デフォルトの名無しさん** · 2019/04/02(火) 17:09:35.58

vsocdeで関数の色を変えたいと思って基本設定調べたけどみんなjsonで表示されてるんだけどUIで表示されてるんだけど
最新のは廃止されたの？

**デフォルトの名無しさん** · 2019/04/02(火) 17:31:23.90

エディターの右上に json で表示するボタンがある

**デフォルトの名無しさん** · 2019/04/02(火) 18:05:54.52

あったあった、ありがとう

**デフォルトの名無しさん** · 2019/04/02(火) 19:34:30.83

「AWS Toolkit for Visual Studio Code」が「Visual Studio Marketplace」から入手可能に
https://www.atmarkit.co.jp/ait/spv/1904/02/news052.html
> AWSは、「AWS Toolkit for Visual Studio Code」（開発者向けプレビュー版）が、「Visual Studio Marketplace」から入手できるようになったと発表した。従来の入手先はGitHubに限定されていた。

**デフォルトの名無しさん** · 2019/04/03(水) 08:44:22.84

結局、idea（PyCharm）に戻ってしまった。
起動してしまえばPyCharmの方がずっと快適だわ、やっぱ。
多種多様な機能差には目を瞑れても、Codeの検索時間の遅さだけは致命的過ぎる欠陥。

**デフォルトの名無しさん** · 2019/04/03(水) 08:47:01.36

検索？
十分速いと思うが、何か勘違いしてるんじゃないのか

**デフォルトの名無しさん** · 2019/04/05(金) 10:29:38.60

March 2019 (version 1.33)
https://code.visualstudio.com/updates/v1_33

**デフォルトの名無しさん** · 2019/04/05(金) 17:02:40.13

CanonicalとMicrosoft，Visual Studio CodeのSnapパッケージを公式に提供へ
2019年4月5日　階戸アキラ
https://gihyo.jp/admin/clip/01/linux_dt/201904/05

Canonicalは4月4日（英国時間）⁠，Microsoftが開発するソースコードエディタ「Microsoft
Visual Studio Code」のLinuxユーザ向けSnapパッケージを「Ubuntu Snap Store」から提供
することを発表した。今回の公式サポートにより，ユーザはMicrosoftが開発したVisual
Studio Codeパッケージを直接入手できるようになったほか，アップデート自動化の機能も
利用できるようになる。

Canonicalは2018年5月からMicrosoftの協力のもと，Visual Studio CodeのSnapパッケージを
Ubuntu Snap Storeで提供してきたが，あくまでCanonicalの開発者がポーティングした
パッケージの提供にとどまっており，したがってパッケージのアップデートもユーザが
手動で行う必要があった。

今回のCanonicalとMicrosoftによる公式サポートについて，MicrosoftでVisual Studio
Codeの開発を担当するソフトウェアデベロップメントエンジニアのJoao Morenoは「Snapの
自動アップデート機能はユーザにとって大きなメリット。Snap周辺のコミュニティは活気が
あり，良いペースで発展しているのは明らか。Canonicalがバックについていることも，
我々が（Snap版Visual Studio Codeの）開発を将来に渡って継続していくにあたり，確かな
信頼性の根拠となっている」と語っており，今後もMicrosoftが深くコミットしていく姿勢を
示している。

**デフォルトの名無しさん** · 2019/04/05(金) 23:08:19.98

"ソースコード"エディタが気になったら駄目なんだな

**デフォルトの名無しさん** · 2019/04/05(金) 23:29:23.87

snapよりはよcodeserverを買収して安定させてくれや

**デフォルトの名無しさん** · 2019/04/07(日) 12:05:33.22

PrettierとBeautyの違いとは？

**デフォルトの名無しさん** · 2019/04/09(火) 09:04:37.77

またアイコン変えるのかよ

Refreshing the VS Code product icon
https://github.com/Microsoft/vscode/issues/71827

**デフォルトの名無しさん** · 2019/04/09(火) 10:28:28.98

オレンジのやつはセンスなかったよなぁｗ

**デフォルトの名無しさん** · 2019/04/09(火) 11:34:37.71

>>50
VS2019のアイコン刷新に合わせて、アクセシビリティを考慮した新アイコンを再設計中ってことか。

個人的には現行の単色アイコンが好みだけど。

**デフォルトの名無しさん** · 2019/04/09(火) 16:21:58.26

VSCodium: 100% Open Source Version of Microsoft VS Code
Last updated April 9, 2019 By Abhishek Prakash
https://itsfoss.com/vscodium/

【要旨】VSCodeからフォークした「VSCodium」が登場。VSCodeとは異なりバイナリも完全に
フリーで、MSのテレメトリコードが含まれていない、とのこと。

**デフォルトの名無しさん** · 2019/04/10(水) 00:57:48.65

青ければ文句も少ないだろうよ。
赤になったときはマジで何でだよって思ったわ。

どっちにしろクソな仕様に対して声が多ければスグに修正いれてもらえるのは良い時代だな

**デフォルトの名無しさん** · 2019/04/10(水) 01:00:34.31

VS code上にエクステンションいれてSASSで書くとCSSにコンパイルされるんだよね？
Koalaいらなくなるんだよね？

**デフォルトの名無しさん** · 2019/04/10(水) 20:09:48.91

>>53
これに需要あるのかな？

**デフォルトの名無しさん** · 2019/04/10(水) 21:37:46.16

WebブラウザでもOSでもこういうのあるけど、
この企業は嫌い、この企業に情報を抜かれてるかも、
等という理由でこういう切り離されたものを好む層がいる。

**デフォルトの名無しさん** · 2019/04/10(水) 21:51:44.52

テレメトリくらいどうでもいいわ
そもそもMSはGitHub握ってんだから開発者の行動はかなり詳細に把握できるはずだし、悪意があればソースも除き放題
今更すぎる

あめ ◆P0jSlC5fJs · 2019/04/10(水) 23:05:13.28

・デザインのいいアイコン
・自動アップデートなしでパッケージマネージャと相性いい

https://github.com/VSCodium/vscodium

**デフォルトの名無しさん** · 2019/04/10(水) 23:08:50.50

あまりかっこいいアイコンではないが
macの傾いたアイコンよりはマシかな

**デフォルトの名無しさん** · 2019/04/11(木) 03:26:19.37

このワカメがかっこいいとか脳みそ腐ってんじゃねえの

**デフォルトの名無しさん** · 2019/04/11(木) 04:47:51.43

わかめwwwww

**デフォルトの名無しさん** · 2019/04/11(木) 09:07:44.58

珊瑚だろ

**デフォルトの名無しさん** · 2019/04/11(木) 09:28:42.20

ロゴにグラデーション使ってる時点で
形だけで勝負できない自信無さの表れ
大手企業のロゴは絶対グラデなんて使わない

**デフォルトの名無しさん** · 2019/04/11(木) 10:17:16.90

渋谷109
インスタグラム

せやな

あめ ◆P0jSlC5fJs · 2019/04/11(木) 10:54:29.57

かっこいいなんて言ってない
視認性

**デフォルトの名無しさん** · 2019/04/11(木) 11:06:37.24

視認性の使いどころ間違ってる。
このサンゴの形を視認する意味などない。

**デフォルトの名無しさん** · 2019/04/11(木) 11:22:08.16

横からだが、アレはサンゴではなく海藻だぞw

**デフォルトの名無しさん** · 2019/04/11(木) 11:42:58.85

珊瑚だろ

**デフォルトの名無しさん** · 2019/04/11(木) 13:03:09.47

アメーバだろ

**デフォルトの名無しさん** · 2019/04/11(木) 13:52:15.90

すまんおれの出した精子がモチーフなんだ
だからかっこいいわけが無いの
はい次の話題

**デフォルトの名無しさん** · 2019/04/11(木) 18:49:57.40

次の話題ね、そうだな。
新しいアイコンどうよ。

**デフォルトの名無しさん** · 2019/04/11(木) 19:28:48.55

prettierの整形、行数増える。

<link rel="・・・・・・
/>　

こんな風に、閉じタグだけで一行使う。
防ぐ方法ないのか？

**デフォルトの名無しさん** · 2019/04/11(木) 19:48:29.49

>>73
閉じタグってなんだよｗ

**デフォルトの名無しさん** · 2019/04/11(木) 22:11:50.56

>>74
ド素人乙

**デフォルトの名無しさん** · 2019/04/11(木) 22:34:21.44

でも>>73はいわゆる「閉じタグ」じゃないよな。

**デフォルトの名無しさん** · 2019/04/11(木) 22:38:17.43

「閉じタグ」って言うやつぁただのバカ

**デフォルトの名無しさん** · 2019/04/12(金) 00:01:27.77

>>76
そういえばそうですね。
まあ伝わればいいでしょう。

**デフォルトの名無しさん** · 2019/04/12(金) 09:05:45.58

Update 1.33.1

**デフォルトの名無しさん** · 2019/04/12(金) 16:16:42.69

2019年開発環境ランキング - Stack Overflow　2019/04/12 09:45 後藤大地
https://news.mynavi.jp/article/20190412-807200/

Stack Overflowはこのほど「Stack Overflow Developer Survey 2019」において、開発者が
使っている開発環境に関する調査結果を伝えた。Web、モバイル、SRE/DevOpsと全分野に
わたってVisual Studio Codeが1位または2位につけており、開発環境として強い人気を
示している。

モバイル開発ではAndroid Studio、SRE/DevOpsではVimといったように人気の高いエディタが
あるが、Visual Studio Codeはそれらと同等またはそれ以上のシェアを確保している。

開発環境としてVisual Studioはもともと人気が高かった。しかし、Visual Studio Codeが
オープンソース・ソフトウェアとして公開されると、Visual Studio CodeはVisual Studioを
越えた人気を持つようになった。Visual Studio CodeはWindowsのみならず、macOSやLinux
でも利用でき、Visual Studioよりも軽量で、エクステンションをインストールすれば好みの
環境としてカスタマイズすることが可能。多くの開発者がVisual Studio Codeを開発環境と
して使っており、今後さらにシェアを増やす可能性がある。