Visual Studio Code / VSCode Part5

**デフォルトの名無しさん** · 2018/11/08(木) 12:59:24.97

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/

**デフォルトの名無しさん** · 2019/02/20(水) 21:04:01.04

>>811
50個くらい拡張機能入れて、整形するやつも５つくらい入れたので
どれが動いているのか分からん。
jsファイルを開いて右ｸﾘﾒﾆｭｰで
ドキュメントのフォーマット　Shift+Alt+F
を実行している。
それがどの拡張機能か突き止める方法を速く教え

**デフォルトの名無しさん** · 2019/02/20(水) 21:09:06.57

クリーンインストールしよう

**デフォルトの名無しさん** · 2019/02/20(水) 21:12:48.09

無いわけじゃないけどレベルによっては説明コストのほうが高いから 5つ程度なら自分で試して

あとは他の人が教えてくれるのを待って

**デフォルトの名無しさん** · 2019/02/20(水) 21:26:29.34

>>812
恐らくPrettierかBeautifyのどっちかだと思う
どっちでも無かったら知らん

**デフォルトの名無しさん** · 2019/02/20(水) 21:49:02.41

自分で複数入れといて特定する気ないとかプログラマとしてどうなのよ

**デフォルトの名無しさん** · 2019/02/20(水) 22:05:22.44

>>815
Beautifyは入れてない。
Prettierは、説明に
CMD + Shift + P -> Format Document
と書いてあるのだが、オラが使っているのは
ドキュメントのフォーマット　Shift+Alt+F
なのだが、どの拡張機能なのか早く特定してくれよ。

**デフォルトの名無しさん** · 2019/02/21(木) 00:45:15.08

>>802-806
左側のファイル・エクスプローラーで、ファイル名上で、右クリックメニューから、ターミナルを開くと、
そのファイルがあるフォルダ上に、移動した状態で、ターミナルが開くので、そこで

「node ファイル名」と打てば実行できる。
タブでファイル名も補完できるし、上下矢印でコマンド履歴もさかのぼれる

拡張機能のCode Runner を入れれば、右クリックメニューから、
指定したソースコードの範囲だけを実行できる。
Ctrl+Shift+P で、Run Code でも同じ

拡張機能のQuokka.js を入れて、
Ctrl+Shift+P で、Quokka.js New File でも実行できる。
ファイル上にも、結果が表示されるので便利

それと、Node.js をインストールしたら、
まず、PowerShell ではなく、コマンドプロンプトで、where node と打つと、
C:\Program Files\nodejs\node.exe
と表示されるか、確かめる

**デフォルトの名無しさん** · 2019/02/21(木) 02:09:06.95

>>818
vscodeの統合デバッガの話だボケ
分かんねーならすっこんでろ池沼

**デフォルトの名無しさん** · 2019/02/21(木) 03:05:14.34

jsファイルのシンタックスハイライトでアプデ前はfindとかmatchは関数名と違う色になってたんだけど同じ色になってしまった
使ってるテーマのjson変えてもだめっぽくて大元の単語の分類が変わっちゃったの？

**デフォルトの名無しさん** · 2019/02/21(木) 10:26:15.29

なんかいつの間にか設定でデフォルトのjson開かなくなった?

**デフォルトの名無しさん** · 2019/02/21(木) 11:56:41.71

>>817
PrettierはShift+Alt+Fでも動いたような気が
ともかく右下にPrettierって書いてあったらPrettierだしそうじゃなかったら分からんから候補を全部挙げてくれ

**デフォルトの名無しさん** · 2019/02/21(木) 12:37:25.41

>>822
右下にPrettierって書いてあったらPrettierだし
書いてあるわ。
テメー、この野郎、凄いな！
で、折返し防止方法を教えてｹﾛ
先生お願いします。

**デフォルトの名無しさん** · 2019/02/21(木) 13:14:02.12

Prettier使う限り、ない。
そういう考え方なので受け入れるか他のを使うか。

**デフォルトの名無しさん** · 2019/02/21(木) 13:29:20.39

>>809
> jQueryと長い文字列の折り返しに何の関係があるのでしょうか
> 申し訳ありませんが初心者なので教えてください

見ての通り。jQueryを使うと折り返されない

↓一行につなげてね
https://prettier.io/playground/#N4Igxg9gdgLgprEAuEATCYCuBbBMB0
A5nDAKIA2cusAQgJ4CSqAFADojZ0CWq7AlPi5QocAE4AJACoBZADIACA
LzyA5IEsnQCOKgeQZA7qmARBkDhpoHVtQOhKm3YdPn9xkyoDcrKE4A
kbEAGJOPfvgAWMNjkzOraNlZhlmaRtip89iAANCAQAA4wXNAAzsigAIaioh
AA7gAKBQg5KHkAbhA8SSAARqJ5YADWJADKqW1ChMgwophwyQFBA
Op+XPBZvWBwXZUzXDUzdMjgWTnJQlliMKWthNh5yABmeeT7yQBWW
QAeNK0d3Xm4skJwF1c3IPcPLr9SgARUwEHgP2uoxAvVE+1EmyaeSadH
I0EaqVEQhgEx4MD8yAAHAAGZJYiD7CatVKbLFwBE1b7JURwACOmC4rK
OeROZyQl2hyX22C4g2GMKywLgYIh3wFvxhMBReNQBOQACZkkM8lxyP
0AMIQbCnTZQaDMkCYfaSFFVQX7AC+jqAA

**デフォルトの名無しさん** · 2019/02/21(木) 13:45:27.71

package.jsonに
"prettier": {
"printWidth": 240
},
とか書いてもダメなの？

>>825
↓だとダメじゃん。jQuery関係ねぇ…
物凄く長い文字列物凄く長い文字列物凄く長い文字列物凄く長い文字列物凄く長い文字列物凄く長い文字列

**デフォルトの名無しさん** · 2019/02/21(木) 18:26:36.92

>>826
出来たじゃないか。
君、凄いな
>>824
>Prettier使う限り、ない。
嘘かよ

**デフォルトの名無しさん** · 2019/02/21(木) 18:51:30.69

よかったよかった。

>>825
ヴァーーーーカ！ｗｗｗｗｗ

**デフォルトの名無しさん** · 2019/02/21(木) 19:33:11.21

1.31.1にアップデートしたら、ファイル内検索がバグって何もヒットしなくなったんだけど……

**デフォルトの名無しさん** · 2019/02/21(木) 20:18:46.20

再現しないなこっちは

**デフォルトの名無しさん** · 2019/02/21(木) 20:26:49.23

>>830
今見たらどうも「選択範囲を検索」がバグってるぽいんだよね
普段はAuto Find in Selectionにチェック入れてるんだけど、外したら一時的に検索できたわ
でもその状態で検索窓の「選択範囲を検索」を押すとまたバグる

**デフォルトの名無しさん** · 2019/02/22(金) 01:13:17.74

>>827
結局240以上の長い文字列だったら駄目なわけだしあんまり本質的な解決じゃないような

eslint+prettierでいい感じの設定があれば良いんだけどね
ignoreStringsとかぽい気がする

**デフォルトの名無しさん** · 2019/02/22(金) 04:08:22.21

やっぱりnodejs入れても vs codeで認識しないのですが、どのようにしてnodejsでデバッグできるんでしょうか？

**デフォルトの名無しさん** · 2019/02/22(金) 07:45:01.96

>>833
node.js vscode debug
ググれ

**デフォルトの名無しさん** · 2019/02/22(金) 10:14:31.14

>>834
ぐぐったんですけど、デバッグのところにnodejsの選択肢が出ないのです

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

>>833
https://code.visualstudio.com/docs/nodejs/nodejs-debugging

**デフォルトの名無しさん** · 2019/02/22(金) 14:59:57.79

The Battle for Wesnoth
https://www.wesnoth.org/
のような、オープンソースソフトウェアなライセンスの下で、
ソーサリアンのようなシステムを開発したいなーとは思っている。

ひとまず、Processing の p5.js で、
Webブラウザベースなアプリケーションでいいかなーと思っている。

**デフォルトの名無しさん** · 2019/02/22(金) 15:01:51.74

そっか

**デフォルトの名無しさん** · 2019/02/22(金) 15:07:03.93

すみません、誤爆です。

**デフォルトの名無しさん** · 2019/02/23(土) 11:14:10.86

javascriptなんですが、実行はできるんですが、えらーのようなものが出ます。
これはなんでしょうか？

C:\Program Files\nodejs\node.exe --inspect-brk=12057 sample.js
Debugger listening on ws://127.0.0.1:12057/b1787405-d3a2-408c-a4c1-e386cf3c6c7c
For help, see: https://nodejs.org/en/docs/inspector
ぐっへ

ふぁふぁあああああああああああああああ

デバッガーには何も設定していないのにnodejsが使用されているのですか？

**デフォルトの名無しさん** · 2019/02/23(土) 13:11:58.03

vscで画像の相対パスをペーストしたら/が逆向き(バックスラッシュ)になるんですが問題ありませんか？

https://i.imgur.com/DkRcPpG.jpg

**デフォルトの名無しさん** · 2019/02/23(土) 13:17:32.77

>>841
相対パスを¥で入力したんじゃないのか？

**デフォルトの名無しさん** · 2019/02/23(土) 13:26:52.35

>>842
直接入力したのではなく、コピペしました。
OSはWindowsです。

自分はHTML/CSS初心者で、いろんなエディタを試している最中です。

https://i.imgur.com/oJo6gQ0.jpg

**デフォルトの名無しさん** · 2019/02/23(土) 13:28:22.57

コピーしたとおりにペーストされるなら何の問題もないと思うが？

**デフォルトの名無しさん** · 2019/02/23(土) 13:45:50.54

>>843
そのコピー機能はhtmlではなくwindowsのために用意されてるんだと思うよ。
置換で/に直すべし

**デフォルトの名無しさん** · 2019/02/23(土) 14:06:59.82

>>845
とりあえず置換で対応して、勉強を進めたいと思います。

**デフォルトの名無しさん** · 2019/02/23(土) 14:25:59.71

>>843
この拡張使ってコピーすれば？
https://marketplace.visualstudio.com/items?itemName=alexdima.copy-relative-path

**デフォルトの名無しさん** · 2019/02/23(土) 14:43:18.35

>>847
こんな拡張あるんですね！
試してみます！

**デフォルトの名無しさん** · 2019/02/24(日) 08:40:50.11

AndroidStudio、Flutter入れた
testdriveでこのエラー。もう。。
https://stackoverflow.com/questions/54795809/occasional-ide-error-when-running-flutter-app-on-iphone-simulator-flutterapp-se

**デフォルトの名無しさん** · 2019/02/24(日) 08:56:23.44

スレ間違えた

**デフォルトの名無しさん** · 2019/02/26(火) 11:03:31.98

エクセルのCtrl +Dみたいに上の行の内容を下の行にコピーするショートカットキーを教えてくださいm(__)m

**デフォルトの名無しさん** · 2019/02/26(火) 11:13:04.24

一瞬Shift+Alt+↓ではと思ったけど選択せずになんだね
一発では無いんじゃないか？

**デフォルトの名無しさん** · 2019/02/26(火) 11:15:10.09

別に選択する必要は無いのだけど、素直に↑からShift+Alt+↓のが良さげ
Vimならkyypで完了するけど

**デフォルトの名無しさん** · 2019/02/26(火) 11:19:09.78

vimに合わせたらy,pでいけるのかな
あとで試してみよ

**デフォルトの名無しさん** · 2019/02/26(火) 11:44:05.53

やりたかったのは、Shift+Alt+↓でした。
ありがとうございますm(_ _)m

**デフォルトの名無しさん** · 2019/02/26(火) 21:22:17.99

おまいらfontなに使ってる？

**デフォルトの名無しさん** · 2019/02/26(火) 21:26:08.95

Ricty Diminished

**デフォルトの名無しさん** · 2019/02/26(火) 21:40:25.07

MS明朝

**デフォルトの名無しさん** · 2019/02/26(火) 22:40:57.49

Candara

**デフォルトの名無しさん** · 2019/02/26(火) 22:52:20.05

"editor.fontFamily": "Consolas, 'Courier New', monospace, 'BIZ UDゴシック'"

**デフォルトの名無しさん** · 2019/02/26(火) 23:13:31.63

Fira Code
最初は違和感で気分悪くなるが慣れたら戻れない

**デフォルトの名無しさん** · 2019/02/26(火) 23:21:46.42

consolas、好きなんだけど自分の環境だと全角の罫線も巻き込んじゃう
（font-familyは 'consolas', 'meiryo' と記述）

いわゆる普通の半角英数字記号だけconsolasにするやり方ってあるのかな

**デフォルトの名無しさん** · 2019/02/26(火) 23:37:21.56

>>862
ある
というか有名どころのプログラミング用フォントは基本的にそうしてる
RictyとかMiguとか

俺はもうずっとMyricaM
やっぱりASCII文字はInconsolataが神よ

**デフォルトの名無しさん** · 2019/02/27(水) 00:55:29.77

俺もfiracode
デフォにしてくれりゃいいのに

**デフォルトの名無しさん** · 2019/02/27(水) 00:56:20.81

ふぇらこーど？って何が良いの

**デフォルトの名無しさん** · 2019/02/27(水) 01:04:58.47

>>863
ありがとう、Inconsolata入れてみる

**デフォルトの名無しさん** · 2019/02/27(水) 01:12:53.74

はあ？こんそらすのほうがいいだろ

**デフォルトの名無しさん** · 2019/02/27(水) 01:13:20.55

>>866
Inconsolataは元々consolasファンが作ったフォントだから割と相性良いと思うよ
プログラミング用フォントはたくさんあるから納得いくまでいろいろ試すと良い

**デフォルトの名無しさん** · 2019/02/27(水) 02:21:55.64

Firacodeってリガチャフォントか
読むのは便利そうだけど書きにくそうでためらっちゃうな
慣れたらそんなことも無いのかな

>>863
MyricaMいいよね

**デフォルトの名無しさん** · 2019/02/27(水) 02:32:25.22

やっぱりMS明朝でしょ

**デフォルトの名無しさん** · 2019/02/27(水) 02:50:24.08

いや書くのも普通にタイプするだけですし…

**デフォルトの名無しさん** · 2019/02/27(水) 02:59:41.41

firacode調べてみたけど癖が強くて使いにくそうだな
デフォルトにするなんてもってのほか

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

あまり俺をこおらせないほうがいい…

**デフォルトの名無しさん** · 2019/02/27(水) 08:51:15.55

ここまでVLゴシック無しか、色々試したけど結局これが無いと生きていけない

**デフォルトの名無しさん** · 2019/02/27(水) 11:31:59.05

源ノ角ゴシック Code JP（Source Han Code JP）
http://adobe.ly/1JIehdg
https://github.com/adobe-fonts/source-han-code-jp

まぁ、Inconsolata は大好きだな。

**デフォルトの名無しさん** · 2019/02/27(水) 11:57:48.23

Windowsに標準インストールされてるからconsolas
firacodeはあり得ないな

**デフォルトの名無しさん** · 2019/02/27(水) 12:51:39.45

なんだと

**デフォルトの名無しさん** · 2019/02/27(水) 13:36:49.64

Inconsolata+MeiryoKe

**デフォルトの名無しさん** · 2019/02/27(水) 13:45:09.29

source han code jp

**デフォルトの名無しさん** · 2019/02/27(水) 13:55:59.78

hanが入ってるフォントって韓国ぽくて嫌だな

**デフォルトの名無しさん** · 2019/02/27(水) 16:54:40.29

Inconsolataのpre-releaseバージョンは
JavaScript用リガチャが追加されてるっぽい

**デフォルトの名無しさん** · 2019/02/27(水) 20:59:40.92

やはり時代はリガチャか

**デフォルトの名無しさん** · 2019/02/28(木) 02:18:28.25

リガチャポン

**デフォルトの名無しさん** · 2019/02/28(木) 02:21:15.60

コンプリガチャ

**デフォルトの名無しさん** · 2019/02/28(木) 19:34:10.55

まだcode lensからテストデバッグ実行で言語サーバーが応答停止になるバグ治っとらんのか
呆れるね

**デフォルトの名無しさん** · 2019/02/28(木) 19:54:34.24

おかまん。

**デフォルトの名無しさん** · 2019/03/01(金) 10:23:29.71

おまんか。

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

>>885
お前が直してプルリク送るんだよ

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

coder使ってる人いる？
超ざっくりでも有り難いので良いとこ悪いとこ知りたい

**デフォルトの名無しさん** · 2019/03/01(金) 12:19:47.04

下記サイトを参考に、VSCodeの設定画面を開いたのですが
本来左ペインに表示されるという「デフォルトの設定」が表示されません
Visual Studio Codeの使い方、基本の「キ」 (5/6)：特集：Visual Studio Code早分かりガイド - ＠IT
https://www.atmarkit.co.jp/ait/articles/1507/10/news028_5.html

下記画像でCommonly Usedと書かれているエリアです
https://image.itmedia.co.jp/ait/articles/1507/10/l_dt-vsc10ed-23.gif

当方の画面では表示されません
https://i.imgur.com/VMMdyrE.png

VSCodeの設定を変更するTipsをググるとみんな「右側に既定の設定が表示される」とあるのですが表示されません
どうすれば表示されるのでしょうか？

**デフォルトの名無しさん** · 2019/03/01(金) 12:22:39.34

coderってクラウドで動くvscodeか
ネット繋がる前提なんだから普通にvscode入れればいいかなと思ってしまう
設定もgithub連携させるやつで自動的に同期させられるし、どうしてもインストールしたくない場合かPCのスペックがしょぼい場合以外に使う理由はなさそう

**デフォルトの名無しさん** · 2019/03/01(金) 12:22:53.51

>>890
なくなりました。表示されてる値がデフォルトです。

**デフォルトの名無しさん** · 2019/03/01(金) 12:27:34.41

>>892
ありがとうございます！
モヤモヤが晴れました

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

>>890
右上の{}を押せば今の設定が開ける

**デフォルトの名無しさん** · 2019/03/01(金) 18:41:25.30

ついにiPadでもVSCodeつかえるのか胸熱

**デフォルトの名無しさん** · 2019/03/01(金) 19:10:10.68

chromebookとかでもいいね

**デフォルトの名無しさん** · 2019/03/01(金) 23:45:00.80

スマホでもイケるのか

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

>>890
"workbench.settings.useSplitJSON": true>>890

**デフォルトの名無しさん** · 2019/03/04(月) 22:57:37.91

おいおいEditorConfigも動かねえじゃん
動かねえものだらけだなこのエディタ

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

俺がふつうに使ってる、すなわち使えるんだけど
このタイプの質問方法がクソ嫌いなので死んでも教えない

**デフォルトの名無しさん** · 2019/03/04(月) 23:08:03.80

いまいちプロジェクトの扱いがわからない
なぜフォルダを開いてプロジェクト保存するとフォルダがプロジェクトになるんだ？
プロジェクトの下にフォルダがあるのではないのか？

**デフォルトの名無しさん** · 2019/03/04(月) 23:12:55.85

間違い
プロジェクトじゃなくてワークスペース

**デフォルトの名無しさん** · 2019/03/04(月) 23:50:11.67

>>900
お前が使ってんのはどうせVSだろ
VSCodeでは機能しねえからな

**デフォルトの名無しさん** · 2019/03/05(火) 00:03:54.83

>>903
教えないといったら教えない。
ぜーったいに教えない。
この類いの質問のしかた大っ嫌い。

**デフォルトの名無しさん** · 2019/03/05(火) 00:09:33.09

>>903
自分の環境では使えた気がするけど
多分気のせいなのでどうぞお引き取りください

**デフォルトの名無しさん** · 2019/03/05(火) 00:38:40.34

まあ使えねえからこういう流れになるんだよな
やれやれ

**デフォルトの名無しさん** · 2019/03/05(火) 00:41:31.78

バーカｗ
誰もてめぇにゃおしえねーよ
ザマァｗｗｗｗｗ

**デフォルトの名無しさん** · 2019/03/05(火) 00:42:51.12

使えねえもん教えられるわけねえだろが
擁護無理すんな

**デフォルトの名無しさん** · 2019/03/05(火) 00:45:35.73

使えようが使えまいがお前みたいなクソに教えてやることはない。
お前は絶対に答えを得られない。
なぜなら汚いクソだから。
誰もお前を愛さない。

**デフォルトの名無しさん** · 2019/03/05(火) 00:46:31.08

死ーね糞ｗｗｗ

**デフォルトの名無しさん** · 2019/03/05(火) 00:50:03.10

答えはとっくに得てるからいいよ
使えないって結論がな