Visual Studio Code / VSCode Part4

**デフォルトの名無しさん** · 2018/06/23(土) 00:01:55.07

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 Part3
http://mevius.5ch.net/test/read.cgi/tech/1514893835/

**デフォルトの名無しさん** · 2018/07/29(日) 00:02:45.23

markdownエディタってすぐ開発止まるよな。

**デフォルトの名無しさん** · 2018/07/29(日) 02:14:34.24

>>135
MarkdownMonster使ってる

**デフォルトの名無しさん** · 2018/07/31(火) 23:33:12.93

Pythonでも入力時のLintできるようになってるじゃん。

**デフォルトの名無しさん** · 2018/08/01(水) 10:36:40.44

>>128
ドットバイドットで見るもんじゃないよ

**デフォルトの名無しさん** · 2018/08/01(水) 15:19:54.31

現在、Quick and Simple Text Selection を使っており、"xxx" など、各種括弧の中を選択することは
できるのですが、HTMLタグの中を選択するような拡張ってありませんか？

**デフォルトの名無しさん** · 2018/08/01(水) 20:30:41.67

キーボードマクロ付かないのかな？
macrosみたいな再生だけじゃなくてキー操作も記憶してもらわないと使えないよ

**デフォルトの名無しさん** · 2018/08/01(水) 21:35:34.12

vscodevimに付いてる

**デフォルトの名無しさん** · 2018/08/01(水) 22:54:45.88

>>137
Django書いてると記述正しいのに赤波線出る

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

>>139
デフォで入ってるemmetでいける

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

>>142
少し前の情報だけど、Django用のLintのプラグイン入れるといい感じになる
https://stackoverflow.com/questions/45135263/class-has-no-objects-member

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

>>144
あり
試してみる

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

>>141
それは知ってるけどvimの要素要らないんだよ

**デフォルトの名無しさん** · 2018/08/02(木) 16:32:58.26

"files.autoGuessEncoding": true　と設定していても
batファイルやuwscファイルがshiftJISで直に開けたことが一度もないのですが
なにか良い方法はないのでしょうか

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

>>147
仕組みよく分かってないけど結構間違えるよね
直前にshiftjisで保存したのに開き直すと聞いたことない文字コードで開くときある

**デフォルトの名無しさん** · 2018/08/02(木) 21:03:46.47

一行目に
rem 美乳
とでも書いておけば

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

>>147
ttps://code.visualstudio.com/updates/v1_11#_auto-guess-encoding-of-files
noteの部分

Workspace settingにfiles.encoding指定すればいいんじゃね？

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

.pyファイルでリターンキー打つと
emmetみたいに展開されちゃうんだけど
これどうやって止めるの？例えば
import numpy as np<-ここでリターンすると
numpyってなっちゃう
そのままnpでいてほしい

**デフォルトの名無しさん** · 2018/08/04(土) 00:24:03.47

>>151
ならんけど
変な拡張入ってない？

**デフォルトの名無しさん** · 2018/08/04(土) 06:03:35.81

>>151 俺もなる。できれば展開しない単語を設定したいけど、とりあえず
設定で"editor.quickSuggestions": false にして、必要なときにCtrl+Spaceで補完候補出してる

**デフォルトの名無しさん** · 2018/08/04(土) 06:13:55.19

私はEscしてからEnterしてます

**デフォルトの名無しさん** · 2018/08/04(土) 09:01:08.72

>>151だけど
とりあえずShit+Enterでしのぐことにしました

**デフォルトの名無しさん** · 2018/08/09(木) 08:38:30.14

お世話になります。
Angularの初歩の質問なのですが、本スレが過疎なのでこちらで質問させて頂きます・・・。
OSはMac HighSierra と VScodeを使用しています。

node.jsをインストールし
現在読んでいるAngular参考書に添付されていたAngularの参考ファイル
（画像のCHAP03以下がそれです）をVScodeで開き、
https://dotup.org/uploda/dotup.org1605637.png_TEhLkZSRFic0J0GKBg51/dotup.org1605637.png
CHAP03の中のattrフォルダを開いてから、ターミナルで npm install > npm start でAngularを起動？させたいのですが、
画像の様にターミナルに英語のエラーメッセージが出てしまいます。

CHAP03以下のattr、clazz、event、event-bubble ...はそれぞれ独立したAngularフォルダなので
VScodeを一旦閉じフォルダを改めて開くときに、それらの内のどれかのフォルダを一番上の親フォルダにして開いてから
ターミナルで上のコマンドを入れると無事インストールされます。

質問1 できればVScodeではCHAP03から開いてそれぞれのフォルダをターミナルで読み込ませたいのですが、方法はありませんか？
質問2 各フォルダそれぞれのAngularを起動させるには、毎回毎回 npm install > npm start をしなくてはならないのですか？
installに20秒くらい時間がかかって割と面倒でして・・・。

スレチでしたら申し訳ありません。よろしくお願いします。

**デフォルトの名無しさん** · 2018/08/09(木) 09:57:17.36

質問1 なぜスレチじゃないと思った？
質問2 スレチじゃなかったとしてもなぜ答えてもらえると思った？

**デフォルトの名無しさん** · 2018/08/09(木) 10:16:12.04

>>156
install前にターミナルで cd attr やればいいのでは？
もしくは、attr 右クリックして「ターミナルで開く」

質問２は完全にスレチだからパス

**デフォルトの名無しさん** · 2018/08/09(木) 10:44:57.27

>>156
知らんけどこの辺でどうよ
https://teratail.com/questions/25181

**デフォルトの名無しさん** · 2018/08/09(木) 23:30:09.95

もうすぐ1.26

**デフォルトの名無しさん** · 2018/08/10(金) 08:35:24.57

更新頻繁で嬉しい

**デフォルトの名無しさん** · 2018/08/10(金) 10:43:54.55

VSCodeでマーブルダイアグラムが描ける拡張機能は無いでしょうか？

**デフォルトの名無しさん** · 2018/08/11(土) 12:14:06.92

マーブル風船ガムっておいしいよな

**デフォルトの名無しさん** · 2018/08/11(土) 13:37:41.69

1.26遅くない？

**デフォルトの名無しさん** · 2018/08/11(土) 16:09:03.13

多分リリース直前にバグが出たからだろうけど
来週早々に出すと言ってる
日本だと火曜早朝あたりかね

**デフォルトの名無しさん** · 2018/08/12(日) 09:22:45.86

>>157-159
すみません；
無事、読み込むことができるようになりました
スレチなのにお答え頂きありがとうございましたm(__)m

**デフォルトの名無しさん** · 2018/08/12(日) 10:39:18.47

>>166
礼を言いに来るのは偉いけど、どうやったかぐらい簡単に書いてこうや

**デフォルトの名無しさん** · 2018/08/12(日) 10:40:22.69

Bracket Pair Colorizerって拡張機能いいね。
カッコと閉じカッコが同じ色になる。
https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer

**デフォルトの名無しさん** · 2018/08/12(日) 12:30:44.23

この拡張機能もhtmlのタグがカラフルに表示されて見やすい。
https://marketplace.visualstudio.com/items?itemName=jzmstrjp.color-the-tag-name

**デフォルトの名無しさん** · 2018/08/13(月) 09:17:48.27

次の目玉はBreadcrumbsか
こいつらは一体何処を目指してるんだ
JetBrainsが潰れたらゴールか？

**デフォルトの名無しさん** · 2018/08/13(月) 23:57:48.15

breadcrumb barくらい最近はあって当たり前だろ

**デフォルトの名無しさん** · 2018/08/14(火) 12:09:43.37

1.26きたぞ

**デフォルトの名無しさん** · 2018/08/14(火) 17:41:49.97

VSCODE_PID環境変数がなくなってしまった
vscodeの中かどうかの判別に使ってたのに

**デフォルトの名無しさん** · 2018/08/14(火) 18:06:40.32

カスタムタイトルバー有効時にメニューのフォントがクソ小さかったのが直ってるのが嬉しい
これで不便なく真っ黒な中2UIを堪能できる

**デフォルトの名無しさん** · 2018/08/14(火) 23:45:29.11

管理者権限なくても出来るようにって言われるけど、これ言われるがままにやったら二重にインスコするだけか？

**デフォルトの名無しさん** · 2018/08/15(水) 00:42:15.78

すべてのユーザー版アンインストールした方がいいよ、このままインストール続行するか？と聞いてくるよ
はいを選ぶと二重にインストールされる

**デフォルトの名無しさん** · 2018/08/15(水) 02:13:56.15

1.26 の更新で、
新しい、user setup distribution への切り替えをお勧めされるけど、これは何？

どうすればよいの？

**デフォルトの名無しさん** · 2018/08/15(水) 03:41:29.94

>>177
切り替えればええんちゃう？
知らんけど

**デフォルトの名無しさん** · 2018/08/15(水) 11:39:23.66

日本語で、エンコードを自動判定にしていると、

日本語の文字が少ない場合に、間違った判定をする

**デフォルトの名無しさん** · 2018/08/15(水) 12:13:21.56

自動アプデこけて、フリーズしやがった

**デフォルトの名無しさん** · 2018/08/15(水) 22:54:07.39

>>177
管理者権限無くてもインストールできるようになった、これからはこっちを推す

ってことらしいから好きにすればいいんじゃね
変えてもバックグラウンドでアプデはできるって

**177** · 2018/08/15(水) 23:50:55.54

新しい、user setup distribution へ切り替えると、

>>175-176
に書いてあるように、二重にインストールされるって事？

**デフォルトの名無しさん** · 2018/08/15(水) 23:58:33.94

>>179
一見便利だけど誤動作多いから切ってるわ

**デフォルトの名無しさん** · 2018/08/16(木) 01:02:25.17

.editorconfigオヌヌメ

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

>>182
そのままやったら少なくとも俺は二重になった
結局両方アンインストールしてから新しい方をインストールしたわ
まあ環境はそのまま維持されるから困ることはないんだが

**デフォルトの名無しさん** · 2018/08/16(木) 11:02:16.94

俺も切り替えたけど既に入ってるならアンインストしたほうがいいよってメッセージでたから消して入れ直した

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

最近Pythonを始めたばっかで勝手がわかんないんだけどさあ
Pythonのコード補完って、C系の言語の何百倍も遅くて当然なの？
関数をよく知らん状態なんでコード補完がないときっついんだけど・・・・

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

Pythonは型書かないからコード補完はC言語のような静的型言語に比べたらゴミカスだよ
vscodeのような賢いエディタを使うとか型アノテーション付けたりとかで多少マシにはなるけど、
それでも原理的な問題だから基本的にはそういうもんだと受け入れなさい
無理ならさっさと静的型言語に帰ったほうが幸せになれる

**デフォルトの名無しさん** · 2018/08/16(木) 23:05:25.43

そんなに探求のパラドックスに陥りやすい言語とは
思えないけどPythonのapiの調べ方ってお約束の話題だよな。

dirやhelpって今無いんけ？__doc__もあるじゃん。

**デフォルトの名無しさん** · 2018/08/16(木) 23:34:05.60

コード補完がないとキツイ奴が何でpython選んだのか謎

**デフォルトの名無しさん** · 2018/08/17(金) 01:07:29.08

なんで選んだのって、それぞれやりたい分野での標準的な言語ってのがあるからだよ

**デフォルトの名無しさん** · 2018/08/17(金) 19:07:30.62

1.26.0か1.26.1のどちらかのタイミングだと思うんだけどフォントレンダリングが変じゃね？
メイリオだとわかりにくいけど源真ゴとか半端なAAのかかり方になってクソ汚ねえ
DirectWriteのレンダリングモードがVisual Studio本家と同じになってる感じ

**デフォルトの名無しさん** · 2018/08/18(土) 00:05:42.47

python要求されるのマジでつら
全部C++で書かせて欲しい
最近GUIまでpythonで書かせようとしてくる奴がいて何を考えてるんだか
そして使うのは決まってC/C++用ライブラリのバインディングｗ

**デフォルトの名無しさん** · 2018/08/18(土) 03:27:38.00

手段と目的履き違える人って致命的に向いてないと思う。
ましてやそれを他人に強要するとか害悪でしかないｗ

**177** · 2018/08/18(土) 04:11:59.96

1.26.1 の更新が来た

新しい、user setup distribution へ切り替えた。
先に、既存のVSCode をアンインストールしてから、新しいものをインストールした

既存の設定も、そのまま残っている

インストーラーは、45MB で、
それが展開されて本体は、200MB になった

**デフォルトの名無しさん** · 2018/08/18(土) 08:11:18.72

最初の一行だけpythonで、残り全部はC/C++で書いちゃえば？

**デフォルトの名無しさん** · 2018/08/18(土) 15:27:13.23

Happy Hacking Keyboardを使い始めてるんだけど、統合ターミナルを出すショートカット(Ctrl + ~)が遠すぎて困る

**デフォルトの名無しさん** · 2018/08/18(土) 15:34:46.82

M0116なら楽。
これと同じ配列のキーボードがあったら欲しいけど見当たらないんだよなぁ。

**デフォルトの名無しさん** · 2018/08/18(土) 16:33:26.91

>>198
スペースの左右に~と¥があるのか
変態だな

**デフォルトの名無しさん** · 2018/08/18(土) 17:52:26.59

>>197
ショートカットなんかVSC側で変えたらいいじゃん

**デフォルトの名無しさん** · 2018/08/18(土) 20:05:03.91

~と'が押しやすいキーボード欲しくなる

**デフォルトの名無しさん** · 2018/08/18(土) 21:12:10.00

なぜ「と」に拘るんだ

**デフォルトの名無しさん** · 2018/08/18(土) 21:38:30.22

>>200
とりあえず、Ctrl + ESC に変えてみようかと思うんだけど、この組み合わせって他のショートカットとバッティングする？

**デフォルトの名無しさん** · 2018/08/19(日) 10:06:24.45

>>203
他のとバッティングしてたらエラー出るはず

**デフォルトの名無しさん** · 2018/08/19(日) 22:20:10.01

そもそもユーザー設定したショートカットは、デフォルトで入ってるのを上書きするわけだし。

**デフォルトの名無しさん** · 2018/08/19(日) 22:48:46.76

サンクス
コマンド+ESCにしたわ

**デフォルトの名無しさん** · 2018/08/19(日) 22:50:10.04

>>198
これのテンキーレスがあればいいのに

**デフォルトの名無しさん** · 2018/08/19(日) 23:32:35.68

>>192
ChromeのDirectWriteがなんか変わったんじゃね？
Chromeは前からときどきココらへんおかしい。

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

>>192
フォント変えてみたけど源真ゴシック等幅だと汚いけどNoto Sans CJK JPはキレイだから
源真ゴシック等幅の方がなんかフォントのテーブル消えてる可能性もあるな。

**デフォルトの名無しさん** · 2018/08/22(水) 02:05:56.12

(管理者)がなくなったけど俺しか使わんPCなら関係ないし

**デフォルトの名無しさん** · 2018/08/25(土) 18:51:33.13

html、css、typescriptやjavascriptで書くときに
リアルタイムでプレビューをブラウザに反映して貰いたいんですが
方法ないですかね？
(Choromeの検証みたいな）

現状dreamweverとかそっちでコード書くしかないですか？

**デフォルトの名無しさん** · 2018/08/25(土) 18:53:29.12

拡張であるんじゃないの
preview あたりでマーケット検索すれば

**デフォルトの名無しさん** · 2018/08/25(土) 19:13:03.33

ちゃっとググったらすぐ出るだろそれくらい

**デフォルトの名無しさん** · 2018/08/25(土) 19:14:16.03

じゃあググった結果を教えてくださいよ

**デフォルトの名無しさん** · 2018/08/25(土) 19:14:23.60

>>211
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

**デフォルトの名無しさん** · 2018/08/25(土) 20:19:33.85

>>212-215
自分なりに色々と調べてはみたのですが、
htmlはプレビューできてもcssやjsは出来ないといったのしか見つけられなくて・・・

こんな便利なのがあったのですね
ありがとうございます・・・

**デフォルトの名無しさん** · 2018/08/26(日) 08:23:39.65

糞野郎を甘やかすんじゃないよ

**デフォルトの名無しさん** · 2018/08/26(日) 09:06:50.01

Bracket Pair Colorizer
VSCode Great Icons

この2つの拡張機能を入れたら、各言語のペアの( ) と、
ファイル・エクスプローラーのフォルダ・ファイルのアイコンが、カラフルになった

>>211-216
Live Server を使って、HTML を修正して保存すると、それが即座に見れる

VSCode - 10 Useful Extensions for Web Development | GTCoding
https://youtu.be/wzreuKDbLyk?t=7m11s

**デフォルトの名無しさん** · 2018/08/26(日) 09:13:47.41

Live Server は、Live Sass Compiler を入れると同時にインストールされるので
それで利用してる

**デフォルトの名無しさん** · 2018/08/26(日) 11:26:50.67

横からだけど参考になる
こういうのってきっかけがないと存在に気付けないからなあ

**デフォルトの名無しさん** · 2018/08/26(日) 12:49:06.18

こんな便利なものがあるんだな
全然知らんかった

**デフォルトの名無しさん** · 2018/08/26(日) 12:52:46.65

最も関心があるのは、おすすめ拡張機能

この手の動画ばっかり見てる

**デフォルトの名無しさん** · 2018/08/26(日) 13:26:33.98

ちなみにonline vscode的な
stackblitzなるものがある。こっちのほうが希望に近いかもしれんね

**デフォルトの名無しさん** · 2018/08/26(日) 15:02:41.46

VSCodeほんと使いやすいよな
拡張機能が豊富で、大体のことは出来るし
将来有料にならなきゃいいけど

**デフォルトの名無しさん** · 2018/08/26(日) 15:17:17.01

将来的にはGitHubやVSTSとの統合とかAzure上でのオンライン開発環境とかで金取りたいんじゃない？
IBMがeclipseでやってたようなマネタイズモデルを目指してるんだと思う

**デフォルトの名無しさん** · 2018/08/26(日) 17:23:36.75

すみません、質問させてください

ターミナルがエディターの横に来てしまったので、下に戻したいのですが、どうすればいいのでしょうか？

めちゃくちゃ見辛くて…
調べても出てこないんです

**デフォルトの名無しさん** · 2018/08/26(日) 17:31:02.57

>>218
保存するのが面倒なのですが、リアルタイムにプレビューはできませんか？

**デフォルトの名無しさん** · 2018/08/26(日) 17:50:19.16

>>226
たぶん、ターミナルが右に移動したんだと思うけど
ウインドウが小さくなって、アイコンが隠れてるから

エディタ | ターミナル

の間の境界線を左に引っ張って、本来見えるはずのアイコンを表示して
赤丸のところのアイコンで「下に移動」でいけるはず

https://i.imgur.com/U8DlxQ7.png

**デフォルトの名無しさん** · 2018/08/26(日) 17:55:10.22

>>228
うおおおおおありがとうございます！
隠れてたのか…

**デフォルトの名無しさん** · 2018/08/26(日) 17:57:55.32

このエディタってVisualStudio入れてる人は不要？

**デフォルトの名無しさん** · 2018/08/26(日) 18:19:38.51

>>227
VSCodeでそれをやる方法は現状たぶんない
Bracketsっていう別のエディタだと出来る

**デフォルトの名無しさん** · 2018/08/26(日) 22:22:32.78

>>227
保存って、:wまたわコントロールsでしょ？
全然めんどくないと思うんだけど

**デフォルトの名無しさん** · 2018/08/26(日) 22:23:43.42

>>230
完全に別物 JavaとJavaScriptみたいなもんだ

**デフォルトの名無しさん** · 2018/08/26(日) 22:24:40.29

っていうかWebやってる奴ならnpm browser-syncくらいやってるもんじゃねえの