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/30(火) 23:15:16.63

>>122
「ユーザースニペットを開く」しか出てこないのは、該当する拡張機能の対応ファイルじゃないからじゃない？
HTML Snippetsだったら、HTMLファイルとかのHTML拡張が対応するファイルを開いたときに挿入できないかな？

Windowsなら下記にそれぞれのsnippetsフォルダがあるので、
その中にあるjsonファイルを見れば設定内容がわかるよ。
でも、実際に挿入されるスニペットと見比べないとわかりにくいかも。

標準のスニペットなら、vscodeのインストールディレクトリの中
\resources\app\extensions
拡張機能で登録されたスニペットなら、拡張がインストールされたフォルダの中
C:\Users\(自分のユーザ名)\.vscode\extensions
にそれぞれの設定ごとのフォルダがわかれてるから、さらにその中にあるsnippetsフォルダね。

**デフォルトの名無しさん** · 2018/01/30(火) 23:25:09.69

vsで入れたNLogってvscodeで認識してくれないのな
なんか別で設定いるのか？

**デフォルトの名無しさん** · 2018/01/31(水) 03:37:26.99

>>124
これじゃない？
https://github.com/NLog/NLog/issues/2531
writeBom="true" にしてBOM付きで出力しないと、BOMなしのUTF-16はvscodeで開けないみたいよ。
手持ちだとメモ帳はUTFで、EmEditorはUTF-16LEで開けた。
vscodeだと、開けないファイルはエンコードを変更できないので無理っぽいね。

**デフォルトの名無しさん** · 2018/01/31(水) 07:07:22.05

>>123
見つかりました！
ありがとうございます

**デフォルトの名無しさん** · 2018/01/31(水) 23:07:52.03

VSCodeのEmmet関連ファイルは
C:\Program Files\Microsoft VS Code\resources\app\extensions\emmet\
にあるようですが
コードの記述されたjsファイルばかりで
データを設定するファイルが見当たりません
Emmetはsnippetのようにjsonて設定する方式ではないのでしょうか？

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

安倍「山・・口・・さん・・でしたか？私の本を、総・・理・・でしたか？
そのような本を、勝手に出版されてですね、私もですね、迷惑してるんですよ。
ニッキョーソ！ニッキョーソ！」
ジャーップスww

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

>>128
誤爆した
すまぬ

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

>>127
emmet.extensionsPath で指定したフォルダの中に
snippets.json を入れればいけるよ。
preferences.jsonやらのemmetの他の設定ファイルも。

こういった外部jsonファイル内の設定は、
修正後にvscodeの再起動が必要なのでそこだけ注意

**デフォルトの名無しさん** · 2018/02/01(木) 21:35:11.13

スター数atom超えおめでとう

**デフォルトの名無しさん** · 2018/02/02(金) 13:29:41.98

>>130
ありがとうございます
emmet作成用ディレクトリを作成し、snippets.jsonを置き
ユーザー設定を変更しました
そこまできて、
snippets.jsonの書き方が分からないという問題に突き当たりました
2016年頃の記事を見ると、ユーザースニペットを設定する場合には
もともとのsnippets.jsonからコピーして変更すればいいと書いてあります
ですが今のemmetには標準状態ではsnippets.jsonが含まれていないようです
これではユーザースニペットを書く時のお手本がないので、困ってしまいます
皆さんどうしているのでしょうか？

**デフォルトの名無しさん** · 2018/02/02(金) 19:22:03.87

Pythonコードを割り当てたキーから実行しようとすると
Cannot read property ‘toCommandArgument’と出てショートカットキーから実行できなくなった

**デフォルトの名無しさん** · 2018/02/02(金) 20:26:10.32

UIもっと自由に配置出来るようにならんわけ
replとかターミナル上じゃなくて専用のウィンドウが欲しい

**デフォルトの名無しさん** · 2018/02/02(金) 21:38:15.09

>>132
snippets.json emmet とかでググって適当に出てきたやつ参考に改造してるわ

>>134
そのへん拡張で好き放題できて収集つかなくなってるatomと違って
自由度削る代わりに軽快さを保ってるんだと思ってる

**デフォルトの名無しさん** · 2018/02/03(土) 01:59:22.15

本家VisualStudioみたいなUIにしてくれれば誰も文句言わない

**デフォルトの名無しさん** · 2018/02/03(土) 09:52:48.63

>>131
ありがとう

**デフォルトの名無しさん** · 2018/02/03(土) 09:54:22.48

>>136
俺は文句言うよ

**デフォルトの名無しさん** · 2018/02/03(土) 10:56:23.37

>>136
あんなゴテゴテしたのはいらん

**デフォルトの名無しさん** · 2018/02/03(土) 10:57:30.02

俺も今ぐらいがちょうどいいな
ていうかゴテゴテUIってもう古くね?

**デフォルトの名無しさん** · 2018/02/03(土) 14:37:19.76

後手に回ってるんだよ

ゴテゴテだけにﾅﾝﾁﾃ(´・ω・｀)b

**デフォルトの名無しさん** · 2018/02/03(土) 16:52:52.01

わーおもしろいですね！

**デフォルトの名無しさん** · 2018/02/03(土) 18:14:02.30

>>140
用途による

**デフォルトの名無しさん** · 2018/02/03(土) 21:43:15.71

vscodeのUI気に入ってる人結構いるんだな
なら今のままでいいのかもな
ターミナルを下に、ビルドの出力を右に配置したいとか思わないものか

個人的にはMonoDevelopに力を入れてLSP対応とか欲しいんだけど

**デフォルトの名無しさん** · 2018/02/03(土) 22:08:24.11

grep結果を検索窓じゃなくて別タブで複数出したいなあってのはある
秀丸とかあんな感じで

ATOMだと検索開始したファイルを除外するし検索結果タブ1枚しか残らんし日本語混じると検索出来なかったり検索結果が文字化けで見えんかったりする

**デフォルトの名無しさん** · 2018/02/04(日) 20:41:41.58

使われてる箇所の一覧がポップアップみたいなのでしか出せないのも酷くない？

**デフォルトの名無しさん** · 2018/02/04(日) 21:32:57.44

symbolpeekのポップアップも別タブかフローティングウィンドウで欲しいねえ
ドキュメントがないとか改修重ねすぎて秘伝のタレになってるレガシーコードの改修のときホントキツい

**デフォルトの名無しさん** · 2018/02/04(日) 21:46:10.35

こうやってどんどん機能が増えてどんどん重くなっていくんだろうね

**デフォルトの名無しさん** · 2018/02/05(月) 00:31:19.87

LSP対応のまともなエディタがないから仕方なく使ってるだけでしょ
ちゃんとしたIDEが出ればみんなそっち使うわ

**デフォルトの名無しさん** · 2018/02/05(月) 01:33:14.46

LSPって何？覚醒剤かなにか？

**デフォルトの名無しさん** · 2018/02/05(月) 02:47:07.78

>>150
Language Server Protocol

**デフォルトの名無しさん** · 2018/02/05(月) 04:36:50.65

>>151
今知った。なんてイケてる仕組みなんだ！
流行ってデファクトスタンダードになると良いなぁ。でも俺が応援したやつは負けるの法則があるからなぁ…

**デフォルトの名無しさん** · 2018/02/05(月) 08:20:52.15

MonoDevelopにしようかと思ったが
Windows版はバイナリ無くてソースからビルドを要求される

**デフォルトの名無しさん** · 2018/02/05(月) 08:27:09.73

何でIDEが必要な人がVSCodeに寄ってくるんだ？
選ぶツールを間違えてるぞ

**デフォルトの名無しさん** · 2018/02/05(月) 09:14:23.35

>>154
IDEとVSCode併用してる人は珍しくないと思いますが

**デフォルトの名無しさん** · 2018/02/05(月) 09:21:18.53

IDEとエディタを比較して使い勝手が云々言ってる人のことでしょ

**デフォルトの名無しさん** · 2018/02/05(月) 09:22:00.39

>>155
併用してまーす

**デフォルトの名無しさん** · 2018/02/05(月) 09:28:20.87

Visual Studioほどゴテゴテしてなくて
VS Codeみたいに痒いところに手が届かない感じのエディタでもない
C#のIDE？もしくはエディタが欲しい

**デフォルトの名無しさん** · 2018/02/05(月) 11:39:16.88

Goland触ってみてGoをいじるにはいいと思ったけど
Makefileをちょっといじろうとしたらすごい使いづらかった。
ということでMakefileいじるときだけは未だにVSCode

出来ればVSCode使い続けたいんだけどGoのプラグインの調子がすごく悪い。
codehelperが100%に張り付くし
早くしてくれ。このままじゃGolandに8000yen払っちゃう

**デフォルトの名無しさん** · 2018/02/05(月) 12:03:05.16

>>158
不満があるならomnisharpにcontributeすれば？

**デフォルトの名無しさん** · 2018/02/05(月) 14:20:59.85

VSCodeで、JavaのHot Code Replacement（ホットコード置換）がサポートされた。
ホットコード置換を用いると実行中のアプリケーションのコードを実行したまま動的に修正できるため、トライアンドエラーが容易になる。

略

下記はJavaのHot Code Replacementを紹介する動画です。
ゲームを実行したままスペースインベーダーの動きを制御するコードを書き換えており、書き換えるたびに実行中の画面内のインベーダーが下がったり上がったりする様子を見ることができます。
https://vimeo.com/34306396

Visual Studo Codeがホットコード置換に対応
ホットコード置換は、Java開発環境として知られるEclipseでは以前から対応していましたが、
その機能がマイクロソフトがオープンソースで開発しているVisual Studio Code（以下VSCode）にも搭載されたことが、Visual Studio Blogの記事「Hot Code Replacement for Java comes to Visual Studio Code | The Visual Studio Blog」で紹介されました。

略

http://www.publickey1.jp/blog/18/vscodejavahot_code_replacement.html

**デフォルトの名無しさん** · 2018/02/05(月) 14:39:36.29

.NET Coreは？
エディットコンティニュー対応してる？

**デフォルトの名無しさん** · 2018/02/05(月) 19:12:44.86

>>154
vscodeはmini IDEと呼ばれることが多い

**デフォルトの名無しさん** · 2018/02/05(月) 19:14:52.86

>>153
Mono

**デフォルトの名無しさん** · 2018/02/05(月) 19:18:47.25

>>153
スレ違いだが、MonoDevelopのビルド、何故かサイト通りにやっても失敗する。
StackOverflowにも「私は諦めてSharpDevelopを使ってます」ってなコメがあったし。

**デフォルトの名無しさん** · 2018/02/05(月) 19:25:54.47

>>165
monoのIDEってザマリンのIDE(スペル忘れた？)のことじゃないの
あれなら俺のMacで動いてるよ。

**デフォルトの名無しさん** · 2018/02/05(月) 20:22:53.37

>>159
goのlanguage serverは使ってないよね？
あれかなり不安定だし現状では大した機能もないよ

codehelperが100％になるのはmacでよく報告されてるみたいだね

**デフォルトの名無しさん** · 2018/02/05(月) 20:30:05.13

cssの補間が時々アホになるの勘弁してほしい
ｍだけだとmarginが表示されてるのにmaまで入れたら候補から消えたり
paddingとかもだけど1文字限定って意味ないやんけ

**デフォルトの名無しさん** · 2018/02/05(月) 21:03:17.75

>>167
つかってないです。定義先へのジャンプ機能が完全に死んでるんですよね。
自分のプロジェクトの範囲内だと動くんですが。
goのプラグインの設定値の最適解ってどれなんですかね色々なツールを掛け合わせて
できてるのはいいけどどれがいいのかわかんないとしんどすぎる。

**デフォルトの名無しさん** · 2018/02/05(月) 21:40:01.91

>>166
それたぶん、XamarinStudio。俺はMac持ってないから良くわからない。
とにかくWindows版MonoDevelopはBuild出来なかった。

**デフォルトの名無しさん** · 2018/02/05(月) 23:29:17.84

>>135
https://vscode-doc-jp.github.io/docs/userguide/emmet.html
これですね
展開トリガーをキーにする、値にはemmet記法も使える、
くらいで、あとは普通のスニペットとほぼ同じようですね
ありがとうございました

**デフォルトの名無しさん** · 2018/02/06(火) 10:14:14.72

>>167
VSCodeのGoプラグインってmac以外だとまともに動いてるんですかね？
下手したらDockerとかを駆使して各種コマンドをlinuxで実行するようにラップした環境作ったほうが楽に動いたりして

**デフォルトの名無しさん** · 2018/02/08(木) 06:00:26.19

January 2018 (version 1.20) の更新が来てた

**デフォルトの名無しさん** · 2018/02/09(金) 22:28:53.39

>>173
Auto-Open Markdown Preview（version 0.0.4）で
日本語ファイル名だとリンクから開けなくなる

**デフォルトの名無しさん** · 2018/02/10(土) 11:49:30.94

VScodeもElectron使ってるからAtomみたいなもんだろうと敬遠してたけど、意外と起動速いな

**デフォルトの名無しさん** · 2018/02/10(土) 14:24:52.73

正規表現での検索なんだけど
".attr('" の直後に id or class が続かない文字列をヒットさせたい
他のエディタだと、\.attr\('(?!(id|class)) でヒットするんだけどVSCodeではerrorになる
何かおかしいのかな？

**デフォルトの名無しさん** · 2018/02/10(土) 17:22:36.25

AtomのためにElectron作ったらそれを使ってVSCodeが作られて
Atomが廃れた

**デフォルトの名無しさん** · 2018/02/10(土) 17:27:20.02

>>176
？

**デフォルトの名無しさん** · 2018/02/10(土) 17:29:51.03

>>175
もともと軽い方な上に、ここ数バージョンで特に起動時の処理を徹底的に最適化してたからなあ

**デフォルトの名無しさん** · 2018/02/10(土) 17:38:23.31

Atomは犠牲になったのだ…

**デフォルトの名無しさん** · 2018/02/10(土) 19:33:46.86

>>178
要するにですね
.attr('id') と .attr('class') の文字列を覗いて
.attr('他の文字列') を検索したいんですよ
通常の検索Ｃｔｒｌ + F ではヒットするんですが、
Ctrl + Shift + F で一覧検索するとerrorになるんです
使い方が悪いのでしょうか？

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

1.20.0
折り返し切り替えのアイコンが消えたｗ

**デフォルトの名無しさん** · 2018/02/11(日) 22:58:46.74

>>181
これじゃない？
https://github.com/Microsoft/vscode/issues/30735

一覧検索の方は正規表現エンジンが違うので先読みも対応してない。
設定で "search.useRipgrep": false にすれば動くけど、将来的にこのオプションが無効になる可能性はある。
ってことらしい。とりあえず↑設定したら動いたよ。

そもそもJavaScriptの制限でlook behindにも対応してないから、そこら辺ちょっと弱点よね...

**デフォルトの名無しさん** · 2018/02/12(月) 03:01:08.97

lookbehindってこれ？
'$foo %foo foo'.replace(/(?<=\$)foo/g, 'bar');
// => "$bar %foo foo"
ES2018だけど手元のChromeで普通に動くな

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

文法エラーがあるとツリー表示も真っ赤になるけど
これ色変えることできる？

**デフォルトの名無しさん** · 2018/02/12(月) 14:55:58.25

>>184
そそ。
ES2018から採用されたんだね！
じゃ、vscodeもそのうち対応してくれるだろうね(∩´∀｀)∩

**デフォルトの名無しさん** · 2018/02/12(月) 18:37:37.60

スタック移動的なのって無いのかな？
定義にジャンプしたあと簡単にジャンプ前に移動する機能。
goland触ってたら普通にできて欲しくなった。

**デフォルトの名無しさん** · 2018/02/12(月) 20:45:54.05

vimのエミュレーションプラグインには
そういう機能も再現されてるな
ctrl+]でジャンプ、ctrl+oで戻ってこられる(´・ω・`)

**デフォルトの名無しさん** · 2018/02/12(月) 20:59:30.93

Alt-←がそうじゃね？

**デフォルトの名無しさん** · 2018/02/12(月) 21:25:19.80

>>187
vscode-goto-symbol-stack
ってのがあった。標準で付けてくれればいいのに。

**デフォルトの名無しさん** · 2018/02/13(火) 04:08:39.05

vimプラグイン、ctrl+eとかのスクロールがまともに動かなくて辛いんですけど
atomのvimプラグインはよく出来るのに

ほんともうvimやめたい...

**デフォルトの名無しさん** · 2018/02/13(火) 09:36:01.13

>>182
確かにアイコンが無いよな

**デフォルトの名無しさん** · 2018/02/14(水) 23:23:02.75

ようやくダブルクリックで開くが出来るようになった！

**デフォルトの名無しさん** · 2018/02/15(木) 08:17:51.50

すいません、ものすごく初歩的な事なのですが…
aaa
bbb
ccc
とすでにある書式を例えば「ul>li*」なので包みたい時は何かショートカットで
一括で変換などできるのでしょうか？
なんとググればいいのか分からず、探せなくて…よろしくお願いいたします。

**デフォルトの名無しさん** · 2018/02/15(木) 08:31:38.66

Update 1.20.1

**デフォルトの名無しさん** · 2018/02/15(木) 12:02:39.43

workbench.colorCustomizationsで配色変更したいのだけど、
漢字変換中の文字もしくは下線に相当するプロパティはありますか？

**デフォルトの名無しさん** · 2018/02/15(木) 13:57:25.80

設定で "editor.wordWrap": "off" にしているのに
ファイルによっては開く度に改行されるんです
他に何か設定しないとダメなのですか？

**デフォルトの名無しさん** · 2018/02/15(木) 14:59:24.25

>>194
コマンドは lines with abbreviation ででる
emmet の正式な機能名は wrap with abbreviation

**デフォルトの名無しさん** · 2018/02/15(木) 15:05:23.17

>>197
普通の設定より言語固有の設定、ワークスペースの設定が優先されるからそれを調べるしか
例えばmarkdownの初期設定は折り返すになってる

**デフォルトの名無しさん** · 2018/02/15(木) 15:09:51.26

>>196
変換回りは多分Electronの仕様でだめ。
Atomやら他のも全部だめ

**デフォルトの名無しさん** · 2018/02/15(木) 16:17:13.67

いつの間にかvscodeのwindow間でのファイルのコピペができるようになってた。
いつも直感的に思わず試して、できなくてフガーってなってたのに
今日普通にできててびっくりした。
どっかのバージョンで周知があった？

**デフォルトの名無しさん** · 2018/02/15(木) 23:23:09.06

grepで日本語拾ってくれるだけマシ
Atomはエンコ違うファイルは拾わないし検索開始したファイルは無視するし日本語混じってたら無視するしで事実上grepが存在しないからな

**デフォルトの名無しさん** · 2018/02/16(金) 01:47:21.12

January 2018 (version 1.20.1)の更新が来た

**デフォルトの名無しさん** · 2018/02/16(金) 20:44:26.74

MSの「Visual Studio Code」、Pythonのディストリビューション「Anaconda」に同梱
https://japan.zdnet.com/article/35114807/

**デフォルトの名無しさん** · 2018/02/16(金) 21:44:53.65

htmlのidやclass名を参照してcssで補完してくれるような拡張がないよね

**デフォルトの名無しさん** · 2018/02/16(金) 22:37:12.55

css読んでhtml補完はあるけど逆は見たことないねえ
他エディタでも聞いたことないなあるんかな

**デフォルトの名無しさん** · 2018/02/16(金) 23:12:58.98

>>204
機械学習ならpycharmの無料版で十分なのにvscodeのpython拡張のダウンロード数すごいな

ひょっとしてjetbrainsのIDEが無料化してもvscodeを好む人のほうが多かったり？

**デフォルトの名無しさん** · 2018/02/16(金) 23:19:46.89

数ヶ月ぶりにPowerShellの開発に使ったけどやたら使いやすくなってた

**デフォルトの名無しさん** · 2018/02/16(金) 23:48:54.96

歓迎はするけど、個人的にはデバッグなんかはPyCharmの方がやりやすいな

**デフォルトの名無しさん** · 2018/02/16(金) 23:50:14.85

宗教色の強いエディタで尋常じゃない勢いで普及してるからな

**デフォルトの名無しさん** · 2018/02/17(土) 04:45:30.21

Laravel Bladeスニペットが効かなくなったので
エクステンション入れ直したら
エラーが出るようになった

**デフォルトの名無しさん** · 2018/02/17(土) 10:31:36.38

>>211
このへんとかどうよ
https://qiita.com/s_p_Toyu/items/d985ec79ca94a83db442

**デフォルトの名無しさん** · 2018/02/17(土) 11:37:34.00

2015年に出来たばかりのエディタに宗教色がもうあるのか(´・ω・`)

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

既存のエディタ各宗派の自己主張が強いって意味じゃね？

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

>>213
文盲

**デフォルトの名無しさん** · 2018/02/17(土) 12:19:59.33

vscodeのandroid版がほしい。そしたらTablet買うのに。
Electronでそういうことしようとしてたりしてる？

**デフォルトの名無しさん** · 2018/02/17(土) 12:54:50.10

>>215
文盲とは文字を知らなくて文字自体が読めない人

意味が理解できない人は別

**デフォルトの名無しさん** · 2018/02/17(土) 13:03:14.41

>>217
いや、機能的文盲という字は読めるけど理解できない状態がある

**デフォルトの名無しさん** · 2018/02/17(土) 13:14:03.51

なぜ一般的じゃない文盲の方をベースにしてるんだ？
もともと誤用しててあとのせしたんだろ

**デフォルトの名無しさん** · 2018/02/17(土) 14:01:51.93

違うだろvimとかemacsとかの信者見て宗教怖いと感じてる一般人がVSCode選んでるんだろ。

**デフォルトの名無しさん** · 2018/02/17(土) 14:36:11.32

>>220
pycharm知らないと文盲らしいから気をつけようぜ

**デフォルトの名無しさん** · 2018/02/17(土) 17:16:03.23

でもコンソール版のvscodeあったらうれしいけどなー

**デフォルトの名無しさん** · 2018/02/17(土) 18:30:41.14

xi-editorに期待しろ