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/04/29(月) 13:43:50.05

TypeScriptでモジュールの.ts.d を自動的に作ってくれることにいまさら気付いた
すごい。全部 any 型ではあるけど

**デフォルトの名無しさん** · 2019/04/29(月) 18:24:27.46

>>158
本当か？
どうやってやるのさ？

**デフォルトの名無しさん** · 2019/04/29(月) 18:52:10.93

>>159
お前の態度が気に食わない

**デフォルトの名無しさん** · 2019/04/29(月) 19:34:06.80

>>159
あのな、

import hoge from 'hoge';

ってするやろ、そしたらVSCodeさんが鬼のように赤線引いて怒りはるねん……

「@types/hoge をインストールするか、自分で d.ts を用意してや！」(戸田奈津子訳)

って。

で、その赤線にカーソルを合わしたら "クイックフィックス" がポップアップされるから、そのプルダウンメニューから "自動で d.ts を作る (戸田奈津子訳)" を選ぶだけや

言うとくけど、全部 any 型やで
tsconfig の設定次第では赤線は出続けるで

**デフォルトの名無しさん** · 2019/04/29(月) 21:52:46.91

>>161
お前優しいんだな

**デフォルトの名無しさん** · 2019/04/30(火) 15:29:48.80

npmでESLintをインストールしたのですが思うように動かせません

ローカルインストールし、インストール時に
package.json、package-lock.json、node_modulesフォルダ等は作成されたのですが
eslint -v と実行しても用語'eslint'は認識されないという旨のエラーが出ます

> node .\node_modules\eslint\bin\eslint.js -v
というように記述したらバージョンは表示できたのですが(この記述はネットを探し回って見つけました)
何故 > eslint -v ではダメなのでしょうか
ローカルインストールするやり方を紹介しているページでも
インストール後に> eslint -v でバージョン確認…と記されているのですが
インストール後に何か設定が必要なのでしょうか

**デフォルトの名無しさん** · 2019/04/30(火) 15:45:15.78

ローカルインストールしたパッケージのbinはnpmスクリプトとかからしか呼べない（PATHが通ってない）はずなのでそれで正常
どうしてもeslintでやりたけらばグローバルインストールする
あるいはローカルインストールでもnpx eslint -vで呼べるはず

**デフォルトの名無しさん** · 2019/04/30(火) 16:08:15.14

これが正しい動作なんですね
npx eslint -vでできました！
ありがとうございました

**デフォルトの名無しさん** · 2019/04/30(火) 21:03:02.33

これってBASIC非対応なのか・・・

**デフォルトの名無しさん** · 2019/05/04(土) 00:19:23.49

ttps://code.visualstudio.com/blogs/2019/05/02/remote-development
楽しみ

**デフォルトの名無しさん** · 2019/05/05(日) 14:54:01.67

>>167
これはいいねぇ
年内には正式版くるかな

**デフォルトの名無しさん** · 2019/05/05(日) 14:59:30.32

wslが動かせるようになるのか。
なんか1.33になったらlive html previewerが動かんくなった。
そのうち修正が落ちてくるんだろか。

**デフォルトの名無しさん** · 2019/05/05(日) 15:28:54.09

>>166
バカが増えると開発の足枷になるから、永遠に対応しないでほしい

**デフォルトの名無しさん** · 2019/05/05(日) 19:30:38.63

>>167
これは凄い便利になるよな

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

面白そうですね
code-serverは終了のお知らせ?

**デフォルトの名無しさん** · 2019/05/05(日) 21:25:49.74

とりあえずDockerのやつ試した
思ったより安定してる

**デフォルトの名無しさん** · 2019/05/05(日) 22:19:03.45

SSHは事前に接続先に何も入れなくていいのか
イノベーションだろこれ

**デフォルトの名無しさん** · 2019/05/06(月) 00:59:24.30

>>167
ただし有料になるという説もある

**デフォルトの名無しさん** · 2019/05/06(月) 01:07:27.35

マネタイズというより他を食わないように有料にするのはあるかもな
これが完成したらJetBrainsは倒産、本家VSも危うい
それくらいのインパクトがある

**デフォルトの名無しさん** · 2019/05/06(月) 06:24:38.92

>>167
具体的な使用例教えてください

**デフォルトの名無しさん** · 2019/05/06(月) 09:32:16.17

sshとcontainerの併用はサポートされてないのかね
低スペローカルwindowsからハイスペリモートLinuxに繋いで
そこからさらにdevcontainerを起動して環境汚染対策したい

**デフォルトの名無しさん** · 2019/05/06(月) 09:36:38.07

>>175
詳しく

**デフォルトの名無しさん** · 2019/05/06(月) 10:00:52.55

>>178
普通にdockerクライアントの接続先をリモートのdockerサーバーに向ければできるのでは

**デフォルトの名無しさん** · 2019/05/06(月) 10:09:21.22

>>180
確かに
やってみよう

**デフォルトの名無しさん** · 2019/05/06(月) 11:34:29.44

DOCKER_HOST=xxx code-insider yyy
これでできた
VSCodeの設定に指定したホストは無視されるみたいだ
UIのホストからワークスペースをマウントできないので若干不便

**デフォルトの名無しさん** · 2019/05/06(月) 18:46:03.62

>>176
https://pleiades.io/help/idea/editing-individual-files-on-remote-hosts.html
https://pleiades.io/help/idea/docker.html
リモート環境連携とかDocker連携とか既に JetBrains のIDEA ではできるんだけどね
有料になってる機能も多いから、無料で使える範囲が拡大するかもしれんが、それは今も変わらん

**デフォルトの名無しさん** · 2019/05/06(月) 18:56:32.81

>>183
同等の機能ではないように読めたが同じなのか？

**デフォルトの名無しさん** · 2019/05/06(月) 19:10:41.09

>>184
例えばVSCodeでしかできない事は何？

**デフォルトの名無しさん** · 2019/05/06(月) 19:29:16.24

>>185
リモートホストやコンテナの内部でIDEのアプリケーション層を動かすことってできるの？

**デフォルトの名無しさん** · 2019/05/06(月) 19:29:47.18

>>185
リンク先の記事を読む限り、そもそも動作原理が全然違うように見える
単にコンテナ上でデバッグできるってだけじゃん
https://code.visualstudio.com/blogs/2019/05/02/remote-development#_a-different-approach で間違ったアプローチだったと書いてある方法と同じだよ
何がまずいかもリンク先読めばわかる

**デフォルトの名無しさん** · 2019/05/06(月) 19:43:06.59

後はブラウザでVSCodeのUIを安定させるだけだな
頑張れMicrosoft

**デフォルトの名無しさん** · 2019/05/06(月) 20:22:22.27

リモートでVSCodeのサーバー版みたいなのを動かすのがポイントか

**デフォルトの名無しさん** · 2019/05/06(月) 20:24:03.59

このサーバー版みたいなのはどうやってインストールする？
インテルアーキテクチャ以外もサポートしてるの？

**デフォルトの名無しさん** · 2019/05/06(月) 20:31:22.78

イメージに入れた覚えのないnodeプロセスがあったから接続後にインストールしてんだろね
なのでnode動くなら大半はいけそう
でもalpineコンテナではうまくいかんってドキュメントに書いてあったな

**デフォルトの名無しさん** · 2019/05/06(月) 22:43:39.67

>>169
code自体のmarkdownのプレビューもおかしいからcode側のバグだと思う

**デフォルトの名無しさん** · 2019/05/07(火) 02:29:23.78

Remote普通に使えて感動した
誇張抜きで革命だわ
ついにリッチなIDEを使用した完全リモート開発が実現してしまった
これでもうMacに拘る理由もなくなったな

**デフォルトの名無しさん** · 2019/05/07(火) 10:56:03.00

Visual Studio Online って code server の競合？

**デフォルトの名無しさん** · 2019/05/07(火) 11:09:36.08

Visual Studio OnlineってAzure DevOpsの旧名だろって思ったが名前再利用されたのか

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

code-server終了のお知らせ
オンプレミスのVS Onlineは無いのかな

**デフォルトの名無しさん** · 2019/05/07(火) 13:36:20.92

Azure DevOps Server / Azure DevOps Server Express
https://azure.microsoft.com/ja-jp/services/devops/server/

**デフォルトの名無しさん** · 2019/05/07(火) 13:58:03.75

Remote - Visual Studio Online エクステンションはほぼ間違いなく来るだろう
というかMSの戦略的にはそれが本丸じゃね

**デフォルトの名無しさん** · 2019/05/07(火) 14:51:37.16

［速報］マイクロソフト、Webブラウザで動作する「Visual Studio Online」発表。VSCodeベース、IntelliCode、Live Share、拡張機能にも対応。Microsoft Build 2019
https://www.publickey1.jp/blog/19/webvisual_studio_onlinevscodeintellicodelive_sharemicrosoft_build_2019.html

**デフォルトの名無しさん** · 2019/05/07(火) 15:30:57.73

拡張や設定の同期も出来るのかな

**デフォルトの名無しさん** · 2019/05/07(火) 20:06:22.09

ログインするだけでどの端末でも同じエディタが使えるってことじゃないの

**デフォルトの名無しさん** · 2019/05/07(火) 20:15:55.19

クラウドコーディング環境の決定版かな

**デフォルトの名無しさん** · 2019/05/07(火) 20:32:51.59

GitHubで使えるようにしてくれ

**デフォルトの名無しさん** · 2019/05/07(火) 21:44:39.33

ターミナルも新しいの出してくるのか
マイクロソフト本気やな(´・ω・`)

**デフォルトの名無しさん** · 2019/05/07(火) 21:53:33.47

>>201
これできれば助かるな～

**デフォルトの名無しさん** · 2019/05/07(火) 22:51:50.92

>>204
サードパーティ製のあれやこれやが駆逐されてしまうなこれは

**デフォルトの名無しさん** · 2019/05/08(水) 09:27:56.19

ブラウザ側のショートカットキーを上書いてくれるような設定ってあるのかな？

**デフォルトの名無しさん** · 2019/05/08(水) 09:39:07.22

どう考えてもブラウザ側でコントロール出来ないとヤバイだろそれ

**デフォルトの名無しさん** · 2019/05/08(水) 10:02:47.76

そりゃそうだすまん
拡張機能で用意してくれんかな

**デフォルトの名無しさん** · 2019/05/08(水) 10:52:28.19

>>196
終わってみればcode server生まれてすぐ死亡だったなｗ
むしろ一瞬でも日の目みれてよかったじゃんというｗ

**デフォルトの名無しさん** · 2019/05/08(水) 11:09:35.26

まあ、テレメトリどころの話ではなくなるって問題もあるが

**デフォルトの名無しさん** · 2019/05/08(水) 14:31:31.83

(´・ω・`)会社でもコーディング、家でもコーディング、休日もコーディング…

**デフォルトの名無しさん** · 2019/05/08(水) 14:50:54.14

>>212
237号室に何があるの?

**デフォルトの名無しさん** · 2019/05/08(水) 19:58:22.62

>>199
もうわけ分からんわ。
誰が何の為に使うやつなん？

**デフォルトの名無しさん** · 2019/05/08(水) 20:06:17.77

リモート最高だな
エクセル開けないのがちょっと困ったけどな

**デフォルトの名無しさん** · 2019/05/08(水) 21:34:09.63

>>214

**216** · 2019/05/08(水) 21:36:58.26

失敗しちゃった

>>214
勝手にソフトをインストールできない環境でも使える、とか？

**デフォルトの名無しさん** · 2019/05/08(水) 21:47:56.55

リモートのWindowsで使えるのはWSLだけ？
powershellとか動かせたらいいのにな

**デフォルトの名無しさん** · 2019/05/09(木) 22:16:10.15

派遣さんに手順書を渡して開発環境を準備してもらう工数がもったいないから
VMかコンテナに開発環境を作って複製して派遣さんに使わせたいんだが
派遣さん相手の仕事ではエクセルを開けないと困る

**デフォルトの名無しさん** · 2019/05/09(木) 22:19:34.31

>>219
なんで困るの？

**デフォルトの名無しさん** · 2019/05/09(木) 22:27:34.38

>>219
AWS Workspacesとかでよくね

**デフォルトの名無しさん** · 2019/05/10(金) 00:18:49.18

>>219
環境複製するのにVSCode remote要らないのでは？

**デフォルトの名無しさん** · 2019/05/10(金) 20:18:31.35

1.34まだ？

**デフォルトの名無しさん** · 2019/05/11(土) 09:35:23.96

April 2019 Endgame
https://github.com/microsoft/vscode/issues/73175

05/17 Expected release date (this may change)

**デフォルトの名無しさん** · 2019/05/13(月) 21:38:12.50

リモート2つ繋いで同時ファイル更新したら競合検知とかもしてくれんだ

**デフォルトの名無しさん** · 2019/05/15(水) 07:56:50.45

VS Codeを使いこなせ! フロントエンジニア必須の拡張機能7選（2019年版）
令和元年5月14日メンテナンス済み / 株式会社ICS 渡邊真耶
https://ics.media/entry/18544/

「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能な
エディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールする
ことで、より使いやすく自分にあったエディターへとカスタマイズできます。

本記事では、HTMLコーダーとフロントエンドエンジニアにそれぞれ役立つ拡張機能を紹介
します。(後略)

**デフォルトの名無しさん** · 2019/05/17(金) 08:28:16.26

April 2019 (version 1.34)
https://code.visualstudio.com/updates/v1_34

で · 2019/05/17(金) 10:11:59.88

リリースノート日本語化したかったら
CTRL+Aで全選択→コピー
googleドキュメントの新規ファイルにペーストして
HTMLでダウンロード
chromeでIndex.htmlで開いて日本語に翻訳

既出だったらゴメン

**デフォルトの名無しさん** · 2019/05/17(金) 12:25:14.50

chromeの機能使って翻訳するなら、はじめからchromeでリリースノートのurlを開けばいいのでは

で · 2019/05/17(金) 18:45:54.01

>>229
そうだな、マヌケだったわｗｗ

**デフォルトの名無しさん** · 2019/05/17(金) 18:49:55.82

百歩譲ってペーストする時点でGoogle日本語翻訳に貼り付けようとは思わなかったのか

**デフォルトの名無しさん** · 2019/05/17(金) 19:42:06.54

>>228が泣いちゃったじゃん。
オマエら謝れよ。

**デフォルトの名無しさん** · 2019/05/17(金) 19:50:55.62

ごめん

**デフォルトの名無しさん** · 2019/05/17(金) 21:58:48.17

くさい

**デフォルトの名無しさん** · 2019/05/17(金) 23:43:23.06

トイレ

**デフォルトの名無しさん** · 2019/05/18(土) 07:14:48.75

>>229
このスレ的にはここまでやろうw

VSCodeに英語翻訳拡張機能を自作する
https://cfm-art.saku ra.ne.jp/sys/archives/1106

vscode-translate(en->cn)
https://marketplace.visualstudio.com/items?itemName=chun.vscode-translate

**デフォルトの名無しさん** · 2019/05/18(土) 09:17:14.41

えいごでおまんこ舐めたいって何て言うの？

**デフォルトの名無しさん** · 2019/05/18(土) 09:17:49.97

>>237
ごめん間違えました。

**デフォルトの名無しさん** · 2019/05/18(土) 12:08:40.20

どのスレと間違えたんだよw

**デフォルトの名無しさん** · 2019/05/18(土) 14:38:03.65

はやく安定版にリモート乗せて欲しい

**デフォルトの名無しさん** · 2019/05/18(土) 22:38:25.48

I want to lick pussy up.

訳：ぬこ舐めたい

**デフォルトの名無しさん** · 2019/05/19(日) 23:25:57.57

複数のdevcontainerを切り替えてリモート開発する場合の操作感がイマイチ
設定ファイルをコンテナごとに管理したい
ラベルに設定を書けたら便利だと思う

**デフォルトの名無しさん** · 2019/05/22(水) 15:49:51.54

Remote Developmentのリモート側ってLinux限定なんでしょうか
WindowsのOpenSSHサーバーにつないでもパスワード入力画面まですら行けないみたいだけど

**デフォルトの名無しさん** · 2019/05/22(水) 18:34:59.43

>>243
サポートしてないみたいだね
繋げてもLinux x86-64じゃないとダメって怒られる
リモートのWSLにssh接続はまだ試してない

**デフォルトの名無しさん** · 2019/05/23(木) 18:36:04.16

>>244
wslだと、sshでつなげる必要性はなくて、単にwslのターミナルから、code-insidersを実行するだけだよ

**デフォルトの名無しさん** · 2019/05/23(木) 18:37:01.60

あ、リモートのwslか
見落としてた

**デフォルトの名無しさん** · 2019/05/24(金) 15:41:35.01

ターミナル落ちるなよ(´・ω・`)

**デフォルトの名無しさん** · 2019/05/24(金) 20:28:33.05

リモートのDockerコンテナとか、LinuxのIntelアーキテクチャ以外にも対応してほしい

**デフォルトの名無しさん** · 2019/05/25(土) 14:53:51.24

atomから乗り換えようと思うだけど、atomのパッケージで言うlinterとかatom-beautifyみたいな拡張ってある？
cとかjavaの静的解析とコード整形をしたい

**デフォルトの名無しさん** · 2019/05/25(土) 17:36:39.33

あるよ

**デフォルトの名無しさん** · 2019/05/25(土) 18:23:18.30

AndroidStudioと同じ配色テーマって有りますか
[基本設定]-[配色テーマ]で
category:themes Android
で入力しても、それっぽいのが出てこない
それと言語ごとの設定って出来ますか

**デフォルトの名無しさん** · 2019/05/25(土) 22:09:25.68

>>251
ダークテーマはdarculaで検索すれば出てくる
ライトテーマは分からん

**デフォルトの名無しさん** · 2019/05/26(日) 21:58:48.47

>>252
darculaで検索すると22個ぐらい出てくるけど
どれがAndroidStudioだんねん

**デフォルトの名無しさん** · 2019/05/26(日) 22:15:50.12

>>253
拡張機能の説明にJetBrainsとかIntelliJとかが含まれていたらほとんど同じ
AndroidStudio自体はJetBrains社製のIntelliJっていうIDEがベースになっている
分からないうちはインストール数が一番多いのを入れるのが無難

**デフォルトの名無しさん** · 2019/05/26(日) 22:35:31.68

>>254
ありがとうございます

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

あとはLive Shareオンプレミスがサポートされたら完璧

**デフォルトの名無しさん** · 2019/05/29(水) 13:14:03.42

Markdown のプレビューが5回に1回ぐらいしか上手く表示されないんだけど
同じ症状の人いない？
これの影響で、.mdを表示してる拡張機能の説明なんかも同じような状態になってる

Win 10 x64 ポータブルで使用
一応、クリーンインストールして、システムインストーラーのほうでも試したけど
やはり同じ症状になる

今のところ、ver.1.30.2 なら問題なくプレビューできるので
バージョン落として使ってるけど、おま環でしょうか？
Issue とか上がってます？

**デフォルトの名無しさん** · 2019/05/29(水) 15:28:22.20

Microsoft、「Web Template Studio」を早期プレビュー～「VS Code」でWebアプリの雛形を
“Microsoft Garage”のインターンで開発された「Windows Template Studio」の弟分
https://forest.watch.impress.co.jp/docs/news/1187/042/amp.index.html

米Microsoftは5月15日（現地時間）、「Microsoft Web Template Studio」の早期プレビューを開始した。オープンソースの「Visual Studio Code」拡張機能として提供され、Webアプリケーションの雛形を手軽かつ迅速に作成できる。