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/03/20(火) 19:34:47.00

>>421
VSCode動くの？

**デフォルトの名無しさん** · 2018/03/20(火) 21:49:59.37

>>428
http://imgur.com/1FnanxX.jpg

**デフォルトの名無しさん** · 2018/03/20(火) 21:53:23.63

Chromebookではドキュメント書く位には使えるのかな
開発環境が入れられないとプログラミングはキツそうやな(´・ω・`)

**デフォルトの名無しさん** · 2018/03/20(火) 22:40:01.60

chromeはキーバインド変更できないのが俺的に致命的。

**デフォルトの名無しさん** · 2018/03/20(火) 23:47:37.42

429はChromeOSのLinuxカーネルを使ってchrootでUbuntuが動いてて、その上でVSCodeが動いてる
なので(VSCodeが動くUbuntu側では)開発環境を入れられるしxmodmap等でキーバインド変更できる
まあ非公式な使い方だしスレチだけど

**デフォルトの名無しさん** · 2018/03/21(水) 14:13:04.39

CSSの属性を二重に書いていることを気づかずにはまってしまいました
CSSの属性を毎回決まった順番を並び替えてくれる拡張機能はないでしょうか？

**デフォルトの名無しさん** · 2018/03/21(水) 14:26:56.37

postcssつかえば？拡張機能でもあるかもしれんが…

**デフォルトの名無しさん** · 2018/03/21(水) 15:01:25.30

CSScomb
https://marketplace.visualstudio.com/items?itemName=mrmlnc.vscode-csscomb

個人的にはPrettierかけとけば順序とか別にいいんじゃねって思うが。

**デフォルトの名無しさん** · 2018/03/21(水) 21:53:07.95

ありがとうございます
csscombで出来ました
postcssというのは初耳でした。知らない技術がどんどん出てきますね～
ありがとうござました

**デフォルトの名無しさん** · 2018/03/22(木) 22:14:22.14

メモリ消費量についてなんだけどさあ
同じ機能拡張を入れて同じファイルを開いているはずなのに、Macで40MBちょっと、Windowsで430MB程度と、俺のところだとえっらい差が生じちゃってる
これってみんなのところも同じような感じ？

**デフォルトの名無しさん** · 2018/03/22(木) 22:24:10.12

>>437
仮想メモリと物理メモリ比較したらアカンやろ

**デフォルトの名無しさん** · 2018/03/23(金) 16:27:44.48

Windows は kernel32.dll だのなんだの大量のシステムの色んなものが
プロセスのメモリ空間にマッピングされるからかな？

**デフォルトの名無しさん** · 2018/03/23(金) 17:46:16.79

えっらい差が生じちゃってる

**デフォルトの名無しさん** · 2018/03/25(日) 00:56:35.57

各ペインの大きさを保存してあるのどこのファイルかわかる人いる？

**デフォルトの名無しさん** · 2018/03/25(日) 08:52:13.00

>>441
dev tool開いてApplication>Local Storageで下の方にスクロールすればどういう感じかわかるよ

**デフォルトの名無しさん** · 2018/03/26(月) 20:53:40.79

Atomから乗り換えようかと思ってるけどサクサク動いていいな

**デフォルトの名無しさん** · 2018/03/26(月) 21:24:09.41

思ってるだけなのにどうしてサクサク動くとわかるんだ？？
エスパーか？それともステマ？？？

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

>>444
アスペ

**デフォルトの名無しさん** · 2018/03/26(月) 22:25:23.92

使ってみてサクサク動いてるから本格的に乗り換えようと思ったってことじゃないの？

**デフォルトの名無しさん** · 2018/03/26(月) 23:17:06.45

Atomから乗り換えようかと思って（試してみて）るけどサクサク動いていいな

ってことだろうね

**デフォルトの名無しさん** · 2018/03/26(月) 23:27:56.36

質問ですC++でエラー検出にのC/C++ Advanced Lintを使っていまして
ファイルを保存しないとエラー検出をしてくれないんですけど
保存せずに数秒周期でチェックしてくれるようにはできますか？

**デフォルトの名無しさん** · 2018/03/27(火) 19:23:18.56

>>443
たしかにVSC軽いよな

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

どうでもいいが、V, S, C の並びってよく見るな

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

>>448
・自分でプラグインのソースに手を入れて作者にPull Requestを出す
・作者にクレクレする
・諦める
選べ

**デフォルトの名無しさん** · 2018/03/28(水) 10:18:12.94

Atomは一見良さげだけど、コードが増えたり同時に開いているファイルが増えるとすぐ重くなるからな。
開発当初は軽くても、できてくると重くなっている感じ。

**デフォルトの名無しさん** · 2018/03/28(水) 11:46:50.90

node.jsの中にSQLを入れると改行というか、
整形がうまくいかず崩れて動かなくなってしまうのですが、
プラグインとかあるんすかね？

**デフォルトの名無しさん** · 2018/03/28(水) 14:30:33.39

Atomはアウトラインを右端に大きく表示できることだけが取り柄

**デフォルトの名無しさん** · 2018/03/28(水) 18:54:19.82

AtomがないとCodeも無かったかもしれないし、この2つが競争して少しでも良くなればいいのさ。

**デフォルトの名無しさん** · 2018/03/28(水) 19:09:10.23

それは確かにそうなんだが応援はするが使う気になれないよ今の状態じゃ…

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

Intelに対するAMDみたいなもんか

**デフォルトの名無しさん** · 2018/03/28(水) 19:46:16.40

>>455
ミニマップの事？
vscodeでも出来るよ

**デフォルトの名無しさん** · 2018/03/28(水) 19:46:38.35

454だった

**デフォルトの名無しさん** · 2018/03/28(水) 19:47:23.84

友人がMsが嫌いだという理由でvscodeを避けてatomを使ってた。
そんな理由で避けるんだと感動したわ。

**デフォルトの名無しさん** · 2018/03/28(水) 19:57:55.49

ミニマップじゃなくて関数とかのシンボル一覧のやつ
デカイファイルの改修とかだと出しっぱにしたい

**デフォルトの名無しさん** · 2018/03/28(水) 20:16:29.12

Visual Studioで言うところのクラスビューみたいなもんか

**デフォルトの名無しさん** · 2018/03/28(水) 20:36:09.84

「Code Outline」というプラグインがお望みのやつに近いんじゃないの

**デフォルトの名無しさん** · 2018/03/28(水) 20:45:09.89

>>460
今のMSってOSSの責任者としてはかなり優良だと思うけどね
OSSを撒き餌にするような商売をしないし、外からのコントリビューションに対して非常にオープンだし、
世に出したからにはちゃんと責任持ってメンテするし

**デフォルトの名無しさん** · 2018/03/28(水) 21:28:32.33

code　outlineを使ってて不満なのよ
grepとかのタブにすると隠れるし

**デフォルトの名無しさん** · 2018/03/28(水) 22:49:40.78

VisualStudioにあるオブジェクトブラウザって、VSCodeじゃ表示できないの？

**デフォルトの名無しさん** · 2018/03/29(木) 00:02:44.47

>>464
Exampleをビルドする程度だとそう思うかもしれないけど、実運用は無理だよ、MSのOSSは。

**デフォルトの名無しさん** · 2018/03/29(木) 00:05:08.70

VSCodeの説明は「VSCodeはIDEより沢山メモリーを使用する色々な意味でリッチすぎるエディターです」にしたらわかりやすい。

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

そうですか

**デフォルトの名無しさん** · 2018/03/29(木) 00:25:53.45

VSCode で生産力が上がりますか？

**デフォルトの名無しさん** · 2018/03/29(木) 00:44:32.26

上がりますよ

**デフォルトの名無しさん** · 2018/03/29(木) 00:55:39.24

>>467
TypeScriptとかかなり実運用されてるけど

**デフォルトの名無しさん** · 2018/03/29(木) 00:57:22.12

vscodeのキーマップをvsに持って行きたいくらいには便利

**デフォルトの名無しさん** · 2018/03/29(木) 03:37:27.12

>>467
PowerShellもMSBuildもRoslynもOSSなのに何言ってんだか

**デフォルトの名無しさん** · 2018/03/29(木) 06:49:34.78

言うてIDEよりメモリ使うか？

**デフォルトの名無しさん** · 2018/03/29(木) 07:10:29.71

>>467
>Exampleをビルドする程度だとそう思うかもしれないけど、実運用は無理だよ、MSのOSSは。
C#は使えないっていうことか

**デフォルトの名無しさん** · 2018/03/29(木) 07:41:42.12

>>467
ニートおつ

**デフォルトの名無しさん** · 2018/03/29(木) 08:45:51.17

IntelliSenceを普段使った事がないんだけど、あれって、一度もビルドしてないソースに
対しても働く？　それとも、一度コンパイルしないと働かない？

**デフォルトの名無しさん** · 2018/03/29(木) 09:37:05.48

>>478
言語は？

**デフォルトの名無しさん** · 2018/03/29(木) 09:53:06.25

>>479
C++

**デフォルトの名無しさん** · 2018/03/29(木) 13:25:29.65

どなたかc++でプリプロセッサで処理分けてる系でグレーアウトするのを
解除する方法を知らないだろうか#ifdef内とか

>>480
c++の拡張機能入れて設定調べて設定して（多分インクルードパスとか補完オン抜けとかくらいだと思う）
やれば多分動くかと思う

**デフォルトの名無しさん** · 2018/03/29(木) 18:02:51.52

C#だとプリプロセッサ部分もちゃんと機能するのにね

**デフォルトの名無しさん** · 2018/03/29(木) 18:37:37.80

画像ファイルの縦横のサイズ（容量ではなく）を取得する方法ってある？

imgタグを記述した時に、自動的にcssで縦横のサイズが記述されるようにしたくて
<img src="abc.jpg" style="width:100px;height:100px;">
Googleで調べてるんだけど、検索の仕方が悪いのか、見つけられない

**デフォルトの名無しさん** · 2018/03/29(木) 19:10:07.10

gitリポジトリをVSCode上で閲覧できる拡張機能とかありますか？

**デフォルトの名無しさん** · 2018/03/29(木) 19:13:55.03

>>481
>c++の拡張機能入れて設定調べて設定して（多分インクルードパスとか補完オン抜けとかくらいだと思う）
>やれば多分動くかと思う

（試せば分かる事だと思うけど、試せないので）
コンパイルを一度もしてない、今自分が書いたばっかりのソースや、どこかから持ってきた
ばっかりのソースに対しても補完機能は働くのかな？

クラス宣言などをパースしないと補完機能は働かないはずだけど、コンパイルなしでも
パースしてるんだろうか。

**デフォルトの名無しさん** · 2018/03/29(木) 19:18:29.70

>>483
ブラウザ環境だとnew Imageかdocument.createElement('img')して.srcにurl代入、onloadしたら.widthや.heightで画像のネイティブ解像度取るのがセオリーだけどそういうこと聞いてるんじゃないよね多分。

**デフォルトの名無しさん** · 2018/03/29(木) 19:58:43.90

>>483
これで
https://github.com/nodeca/probe-image-size

**デフォルトの名無しさん** · 2018/03/29(木) 20:00:29.08

こっちの方がいいのか
https://github.com/image-size/image-size

ちなみに
javascript get image size gif jfif
でググった

**デフォルトの名無しさん** · 2018/03/29(木) 20:21:09.06

>>486
せっかく回答をもらったのに申し訳ない
恥ずかしながら、まともに使えるのがHTMLとCSSだけなので、
作業的には初歩的なことしかできないです

イメージ的には、
<img src="abc.jpg">と書いて、何かのキーを押すと
style="width:100px;height:100px;"
が補完されるとか、

エクスプローラーの画像ファイルを
ダブルクリックするなり、エディタのエリアにドラッグ＆ドロップすると
<img src="abc.jpg" style="width:100px;height:100px;">
が挿入されるとか、

スニペットでどうにかするとか、
拡張機能を入れるとか、

そんなものをイメージしてます
ブラウザに表示するときに縦横のサイズを取得して出力する形ではなくて、
ソースに決め打ちで書き込んでしまう形

蛇足かもしれないけど、
もともと使っていたタグ挿入型のHTMLエディタが、更新停止してて、時代遅れなので、
乗り換え先を探していたら、VScodeに辿り着いた、というのが経緯です
スニペットもVScodeで初めて触れて、試行錯誤してるところ

>>487-488
ありがとう
紹介していただいたものを今、見ていますが、即座には理解できなくて、時間がかかりそうです

**デフォルトの名無しさん** · 2018/03/29(木) 20:29:03.60

>>484
Git History
https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory
というのがありました

**デフォルトの名無しさん** · 2018/03/29(木) 20:37:22.46

>>484
Gitlensみたいな？

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

>>489
SublimeTextなら拡張機能のAutoFileNameを入れて設定を1つ変えるとheightとwidthを自動的に入力してくれるんだけど
VSC版のAutoFileNameにはこの機能はないっぽいなあ

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

生cssから脱却できればどうとでもできるよ

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

>>491
gitlensも入れてみました
まだ良く分かっていませんが
編集画面でいつ変更を加えた部分かをリアルタイムに確認できるんですねー
これはすごい
ありがとうございました

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

>>481
何かがdefineされていないことでグレーアウトされているのなら、cppなんたらjsonでdefine可能。

**デフォルトの名無しさん** · 2018/03/29(木) 23:35:52.83

>>492
ありがとう
今日はもう時間がないので、今度またそちらも当たってみます

**デフォルトの名無しさん** · 2018/03/29(木) 23:49:47.32

根本的な所での突っ込みで申し訳ないが
画像に直書きcssでサイズ入れる運用自体を見直した方が良い気がする

**デフォルトの名無しさん** · 2018/03/30(金) 03:11:26.40

直でもスタイルシートでもいいけど固定の画像にサイズ入れておくのは、
画像がロードされるまでページのレイアウトが決定されず表示が
遅くなるのを避けるためによくある手法なわけだが

こんなの知っているけどなにかの理由で否定しているなら参考のため理由書いてくれ

**デフォルトの名無しさん** · 2018/03/30(金) 14:58:59.85

>>495
ああやっぱりそのcppプロパティなんたらjsonでdefinesをその都度変えるとか
するしかないのかなあ
同じ内容コピーして別個に場所設けてやるのも困るし
それならいっそ#ifdef～#else～#endifオフに出来たらなあと思ったんだけど無理か
ありがとう

**デフォルトの名無しさん** · 2018/04/01(日) 14:54:23.16

正確な発生条件はよくわからないけど、C#でコメントをつけると次の行からインデントがおかしくなることがあるな

**デフォルトの名無しさん** · 2018/04/01(日) 16:38:30.51

Markdownで日本語の文章書いてるときも文字と文字が重なる時があります

**デフォルトの名無しさん** · 2018/04/01(日) 16:45:50.96

あとよくわかんないんだけど、switch文のcase xx:の次の行って、インデント入れないのが一般的なの？

**デフォルトの名無しさん** · 2018/04/01(日) 17:06:57.85

言語による
基本的には社内で一番声がデカイやつのルールが最優先される

**デフォルトの名無しさん** · 2018/04/01(日) 17:41:11.36

うちはハンガリアン記法で統一してる

**デフォルトの名無しさん** · 2018/04/01(日) 17:48:05.89

うちはモンゴリアン

**デフォルトの名無しさん** · 2018/04/01(日) 18:31:53.75

>>502
C/C++だとして、中括弧の中は必ず1つ分インデントするっていうルールで、case文自体もインデントしているなら、一貫はしてるな。

**デフォルトの名無しさん** · 2018/04/01(日) 23:39:40.07

>>501
Markdown は、次に空行を入れないと、バグるとか、落とし穴が多い

まあ詳しくは、別のスレで聞いてください

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

いただきジャンガリアン

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

>>507
うむ

だが何にでも落とし穴はある

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

言語や環境によって違うのは知ってる落とし穴と知らない落とし穴だけだ

**デフォルトの名無しさん** · 2018/04/02(月) 16:31:15.22

エラーの箇所に波線が付く機能あるじゃない？
あの波線がちょうど一行ずれて表示されてて、気づくまでえっらい時間がかかったわ

**デフォルトの名無しさん** · 2018/04/03(火) 14:06:54.65

最終ボスを倒したら裏ボスが現れる感じだな

**デフォルトの名無しさん** · 2018/04/03(火) 22:22:45.22

●とか※とか、記号が混じった行の列カウントがおかしい？
後ろにタブ入れるとずれる

**デフォルトの名無しさん** · 2018/04/04(水) 11:40:03.97

JS(React)でしょっちゅうIntelliSenseが効かなくなるんですが、コマンドパレットから復活させる方法はありませんか?

**デフォルトの名無しさん** · 2018/04/04(水) 12:19:01.09

jQueryの入力候補だせる？
それっぽい拡張機能が見当たらないんだけど誰か知ってたら教えて

**デフォルトの名無しさん** · 2018/04/04(水) 16:40:55.23

これではだめなの
jQuery Code Snippets - Visual Studio Marketplace
https://marketplace.visualstudio.com/items?itemName=donjayamanne.jquerysnippets

**デフォルトの名無しさん** · 2018/04/04(水) 16:50:03.68

それはちょっと笑える

**デフォルトの名無しさん** · 2018/04/04(水) 17:38:59.88

jquery用のintellisenceなんて誰も書きたくないだろうし型定義ファイル使うしかないんじゃない？

**デフォルトの名無しさん** · 2018/04/04(水) 17:42:27.11

typescriptで書くのが一番良い

**デフォルトの名無しさん** · 2018/04/04(水) 17:55:38.96

>>519
これ。俺は最初からTypeScriptを使ってReactをまなんだぞ。絶対そっちの方が便利。
facebookもそういう方法を望んでいると思う。彼らとしてはflowの方を流行らせたいんだろうけど。

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

指標が曖昧な質問で申し訳ないけども、
WindowsでのPythonの開発環境としてVSCodeは使いやすいですか？
それともネイティブなPyCharmの方がいいのかな？
個人的には慣れてるVSCodeを使いたいけど、
MSで統一しようとしてAndroid開発をXamarinでやって躓いてAndroidStudioで作った経験があるので、
ざっくりした感覚として、どうなのかなと。

**デフォルトの名無しさん** · 2018/04/05(木) 14:37:05.25

VSCodeに慣れてるならVSCodeで全然いいよ
むしろオススメ

**デフォルトの名無しさん** · 2018/04/05(木) 14:38:08.66

外部ライブラリを使おうとすると弱い気がする。
python標準だけならすごくオススメ

**デフォルトの名無しさん** · 2018/04/05(木) 14:38:48.32

code runnerもいれるといい

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

>>522-524
VSCodeだけで問題無いのですね！
外部ライブラリとかが必要になった時は、
そのライブラリが対応している環境を考える様にします。
ありがとうございます。

**デフォルトの名無しさん** · 2018/04/05(木) 16:06:36.81

俺の使い方が間違ってるのかも知れないけど、Pythonで使うには補完が厄介だったな
「import numpy as np」とか一般的な略称を打った後、改行のためにリターン/エンターを押すとさあ
「import numpy as numpy」と勝手に補完されちゃって意味のない文になってしまう・・・・
これみんなどうしてんの？

**デフォルトの名無しさん** · 2018/04/05(木) 16:17:10.83

やっぱり動的言語は動的言語なりの補完能力なので？

**デフォルトの名無しさん** · 2018/04/05(木) 17:34:42.10

補完重視ならVisualStudioが最強