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/

**デフォルトの名無しさん** · 2018/11/27(火) 00:25:03.33

入れる時は調べまくるんだが入れた後はどれがどの機能なのか分からなくなる

**デフォルトの名無しさん** · 2018/11/27(火) 00:38:58.20

初心者なんですがメモ帳じゃなんでだめなんですか？

**デフォルトの名無しさん** · 2018/11/27(火) 00:41:32.25

>>128
構わんぞ
好きにしろ

**デフォルトの名無しさん** · 2018/11/27(火) 00:46:47.45

あとでよく見ると機能が重複してるんだよな。addonが衝突して気付く。
イカしてると思うのは探してるときだけで冷静に考えると「コレはコレで代用できる」とか。

>>126
それに定番は入ってるからおま環としか言いようがなくないか？
dark themeならDraculaあるよ！とかdark themeよりblack themeおすすめ！くらい。

**デフォルトの名無しさん** · 2018/11/27(火) 01:52:25.75

おすすめ拡張機能！とかの記事で
だいたいpath intellisenseとか紹介されてるけど
今って標準でパス補完機能あるんだしわざわざ入れる必要ある？
機能重複するじゃん

**デフォルトの名無しさん** · 2018/11/27(火) 02:01:36.97

Visual Studio Code / VSCode Part4
https://mevius.5ch.net/test/read.cgi/tech/1529679715/454-456

色々な拡張機能の紹介動画の解説です

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

>>126
使うとしたら
HTMLHint
HTML CSS Support
CSS Peek
Image preview
辺りかなぁ
Path IntelliSenseは要らない気がする

本体のアプデで機能追加されて不要になるみたいなのが結構ある(例 HTML Snippet)からちょいちょい確認すると良い

**デフォルトの名無しさん** · 2018/11/27(火) 08:29:11.76

html,css,scss,jsで使う系で入れてるのは
HTMLHint
HTML CS Support
EditorConfig
Prettier(html機能を切ってjs,scssのみ)
Beautify（js機能を切ってhtmlのみ）
SCSS IntelliSense
editorconfig
sftp
vscode-input-sequence
Bookmarks
Partifal Diff
あたり。Image previewも入れてたけど、うちの環境ではやたらと重くなるので切った

**デフォルトの名無しさん** · 2018/11/27(火) 13:33:29.06

html tag wrapper
が動かん

**デフォルトの名無しさん** · 2018/11/27(火) 13:57:44.13

>>135
何度も繰り返すが標準搭載してるEmmetでいいだろ

**デフォルトの名無しさん** · 2018/11/27(火) 14:02:02.14

わけわからんことをヌかしているやつはみんなvi使いなんだよね。
そんなもん窓から投げ捨ててemacsを使おうぜ！

**デフォルトの名無しさん** · 2018/11/27(火) 14:32:59.42

>>136
インストールしなくても使えるのか？

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

html tag wrapper
HTML ファイルで、Windows では、Ctrl + i を押すと、両端をタグで囲める

囲む範囲を選択して、Ctrl + i

Emmet は、最初から入っている。
HTML ファイルで「!」を入力してみ

でも、なかなか覚えられない

**デフォルトの名無しさん** · 2018/11/27(火) 15:23:52.92

vimキーバインドでちゃんとjjを設定出来るのがいい感じ
spacemacsだと出来んかったからな

**デフォルトの名無しさん** · 2018/11/27(火) 15:31:04.34

>>139
>囲む範囲を選択して、Ctrl + i
あああ
と入力して選択してCtrl+iすると
<あああ>
になるぞ。これで正常なのか？
<p>あああ</p>
などにしたいのだが出来ない。

**デフォルトの名無しさん** · 2018/11/27(火) 15:34:15.99

>>138
標準搭載って言ってるんだからそのままで使える。

適当に文字列を選択するだろ、コマンドパレットから「Emmet: ラップ変換」、
「Emmet: Wrap with Abbreviation」なのでwrapとでも入力すれば出てくる。
それこそこのコマンドに Ctrl+i でも割り当てとけ。
出てくるダイアログに p とか div とか入れたらもうそれに応じてリアルタイムに囲まれる。Enterで確定。
Emmet記法が使えるので div.hoge と入れたら <div class="hoge">[選択した文字列]</div> と一発だ。
そうなると div#hoge だとどうなるかわかるな。想像通り <div id="hoge">[選択した文字列]</div> だ。
なんと、classやidつきの場合、divだけは基本だから省略できるんだ。 .hoge や #hoge だけでいい。

ここまでできたら html tag wrapper をゴミ箱に入れて終了だ。がんばれ！

**デフォルトの名無しさん** · 2018/11/27(火) 15:54:41.21

>>142
「私は東京生まれで小さい頃からヒップホップを嗜んでいます」
↓
「Hey yo! 俺は東京生まれーHIPHOP育ちー悪いやつらは大体友達ー」

こんな変換かな？「Emmet: ラップ変換」

**デフォルトの名無しさん** · 2018/11/27(火) 16:19:20.54

スクリーン動画撮っておいたぞ
https://imgur.com/a/PiqcACu

別にEmmetの記法なんか全部覚えなくてもいいから
最低限 .hoge と #hoge と div>span みたいな > だけでも使うと
記述が数倍楽になるぞ

**139** · 2018/11/27(火) 16:59:27.90

>>141
「あああ」を選択してもダメ

<p>Hello</p>
みたいに、タグが含まれていないと、正常に動かない

>>142
に書いてある、Emmet の方が便利

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

emmetが時たま反応しない。けどすごい使いやすいよね。

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

C:\Users\(ユーザー名)\AppData\Roaming\CodeとC:\Users\(ユーザー名)\.vscodeを消してvscode再インストールしたら、前にいれた拡張プラグインの名前分かんなくなったorz

class Hoge{
m_hoge;
function func_hoge(){}
}
を
class Hoge{
public m_hoge;
public function func_hoge(){}
}
に保存時に自動変換してくれるPHPとかの拡張プラグインなんだっけ？

あと、入力時に英語のヒントが出る拡張プラグイン(English word hint)ってのが作動しなくなったんだけど
分かる人いませんか？

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

動かないときはまず dev tool を開く習慣とか環境を書く習慣とかあってほしい

**デフォルトの名無しさん** · 2018/11/28(水) 16:07:42.56

>>148
質問の答えが書けないなら書かないで習慣とかあって欲しい

English word hitが動かないのはマークアップ系のプラグインが必要なことは分かってるがそのプラグイン名がわからんのさ。

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

すごいねそこまでの文脈を読める人もいるんだね
どうせquicksuggest切ってるんでしょ

**デフォルトの名無しさん** · 2018/11/28(水) 17:13:01.21

editor.quickSuggestionsは、初期状態で有効みたいだから関係なさそうだなぁ。。
"editor.quickSuggestionsDelay": 10が初期値だから1とかに変更しても良さそうだけど…
以前使ったときは、英単語に不具合が出ていて単語マークアップされていた時に、
単語の先頭に？マークの辞書っぽいアイコンがでてそれクリックすると単語候補が出てきていた。

アンインストールして、PHP IntellSense/PHP Intelephense/PHP Debug/japanease Language Pack for Japanese Language Pack for VS Code
だけいれた状態で拡張プラグインを調べ中。。

**デフォルトの名無しさん** · 2018/11/28(水) 17:44:38.61

english word hintがアクティブになるのはpackage.json的にmarkdownとlatex
markdownの初期設定でquicksuggestはオフだよ
その上での回答なら悪いけどreadme読んでる？
それとも本当に拡張機能の問題？

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

Usage:Becase the markdown does not support quick suggestions in default. Therefore, the hint will not appear when type in markdown file. Below configure should be set by user.
"[markdown]": { "editor.quickSuggestions": true }
って書いてあったから、当然ユーザー設定に追加してるよ。
{
"typescript.locale": "ja", "editor.formatOnSave": true, "editor.formatOnType": true,
"liveServer.settings.donotShowInfoMsg": true,
"php.validate.executablePath": "C://xampp//php//php.exe",
"php.executablePath": "C://xampp//php//php.exe",
"php.suggest.basic": false,
"workbench.iconTheme": "vscode-icons",
"files.autoSave": "afterDelay",
"editor.minimap.enabled": true,
"window.menuBarVisibility": "default",
"git.ignoreMissingGitWarning": true,
"editor.renderWhitespace": "none",
"editor.renderControlCharacters": false,
"window.zoomLevel": 0,
"editor.quickSuggestions": {
"other": true,
"comments": true,
"strings": true
},
"editor.quickSuggestionsDelay": 1,
"markdown.preview.breaks": true,
"[markdown]": {
"editor.quickSuggestions": true
},
"markdown.previewFrontMatter": "show"
}

**デフォルトの名無しさん** · 2018/11/28(水) 18:23:01.71

Code Spell Checker ってのいれたら、やりたいことの一つは解決できました。。

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

お、おう。そうか頑張れよ。

**デフォルトの名無しさん** · 2018/11/28(水) 23:30:32.82

最近アスペが多いな

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

正確には、気に入らないやつがいたら
誰彼構わず、アスペアスペ言ってる人が多い

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

あ、いや、多くはないかｗ
そいつぐらいだもんな。

**デフォルトの名無しさん** · 2018/11/29(木) 17:53:59.71

>>62
今まで確認したいときに手動でリロードしてたけど、
Browsersync 入れてみたら感動的に便利っていうか楽だわ
編集してんのは自分なのに、何もしなくてもブラウザの表示が
変わるのが何かキモくて笑えるｗ

さんくす

**デフォルトの名無しさん** · 2018/11/29(木) 19:15:51.76

>>159
上手くいけたか。よかった
今までの手動はなんだったんだ、ってくらい便利だよな

別ブラウザとかスマホで同じ画面を開いておくと、
スクロールやリンク遷移も全部同期するのでさらに感動するぞ

**159** · 2018/11/29(木) 20:37:05.96

>>160
うはｗ、ますますキモいｗ
マルチモニターで複数ブラウザどころの話じゃない
タブレットでスクロールしてPC側がシンクロするｗｗｗ
タップでリンク踏むとついていかないけどページ合わせるとまたシンクロするし、
tablesorter とかもシンクロするし、わけわからんｗ

PCのマウスの「戻る」でページ遷移してシンクロが途切れてちょっと落ち着いた
ちゃんと、行って戻るリンクもサボらず初っ端から作れ、ってことですね

**デフォルトの名無しさん** · 2018/11/29(木) 21:30:47.33

＞＞タブレットでスクロールしてPC側がシンクロする
へぇ、いい時代だねぇ

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

頭悪そうなのって、必ず引用するコードがjavaなのが笑える。やはりjava土方ってパーが多いんだな

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

どこにJavaが書いてあるの？

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

>>164
お前にはJavaのコードが見えないの？
どこをみてもJavaのコードがあるだろ
この間はAmazonからの配達員がJavaのコードだった

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

統合失調症だと思うから早いうちに病院行ったほうが良いよ

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

こりゃ重症だな

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

まぁ、既にVS Code1強だけど、GitHubをMicrosoft買収したけどAtomどうするの？？

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

AtomチームはXrayっていう実験プロジェクト立ち上げて
Atomのネックである重さの根本的解決を目指してるっぽい
表示部分以外はRustで書いてるらしい
成果がでればワンチャンあるかも

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

あるか？

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

もう全部Rustで書けばいいのに

**デフォルトの名無しさん** · 2018/12/01(土) 18:04:59.81

開発チームの能力と開発リソース量とissueに真面目に向き合ったかどうかの差だろ
言語を変えてどうなるというもんではない

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

>>169
おー、うまくいくといいね
前に聞いた話だと、確か統合開発環境化も目指してるんだっけ？
根強いファンがいるのはいいことだ

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

同じ会社がおんなじようなエディタを2つも保守する意味ってねえよな
Atomからは資本を引き上げて、あとはファンがやりたいなら勝手に保守しろでいいと思う

**デフォルトの名無しさん** · 2018/12/01(土) 19:09:35.86

既に元GithubのチームもVSCodeに参加してるよ
PullRequestエクステンションはかなり今後に期待できる出来だ

**デフォルトの名無しさん** · 2018/12/01(土) 22:20:57.48

>>171
描画はopenglでいいとしてもまともなフォントラスタライザとレイアウトエンジンがないな。

**デフォルトの名無しさん** · 2018/12/01(土) 22:26:15.88

成果が出た場合はVSCodeが美味しくいただきます。
良いことは分かち合わないとね。
併合した甲斐があったというものです。
ユーザーのためにもなる。

成果が出なかった場合はプロジェクト解散します。
役にも立たないのに重複プロジェクト抱えるなんて資金のムダだからねｗｗ

**デフォルトの名無しさん** · 2018/12/01(土) 23:59:04.11

一強になりすぎるとろくなことにならんから
Atomにも頑張ってほしいわ

**デフォルトの名無しさん** · 2018/12/02(日) 06:05:09.18

フロントエンド開発寄りのBracketsとかあるし、AtomはGitHub本家を売りで特化していけばいいと思う
VSCodeも拡張入れすぎるど結局重くなるし

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

HTMLコーディングならBracketsが万人におすすめ

Visual Studio CodeやSublimeと比べるともっさりだがDreamweaverと比べれば軽い軽い

**デフォルトの名無しさん** · 2018/12/02(日) 18:06:07.29

でも生のHTMLだけ書くことなんてもうなくない？

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

書く事があるかどうかは人それぞれだろ
Bracketsはもっさりが本当にひどいからなあ……

**デフォルトの名無しさん** · 2018/12/02(日) 18:48:51.46

>>181
えええ？　どういうこと？　いくらもないか。

>>182
起動が「よっこらしょ」だよね。ATOMよりは軽いと思うけど。

**デフォルトの名無しさん** · 2018/12/02(日) 20:47:51.44

純粋HTML/CSSのLive Preview機能だけはBrackets優秀だよなぁ

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

そんなものもはや作ることはない

**デフォルトの名無しさん** · 2018/12/02(日) 22:03:43.28

BracketsのインラインCSS編集みたいなことができる拡張ありませんか？

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

VSCodeもLive Serverの拡張入れるとまあライブプレビューできるけど…

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

言語周りはLanguage Serverでまとまりそうで、別にVSCodeでなくても高度なことができるようになりつつある。
他と比べて若干劣っている面もあったり。
ということで、最近はプロジェクトを俯瞰したいとき以外、Vimに戻ってしまうことが多くなってきた。

**デフォルトの名無しさん** · 2018/12/03(月) 13:46:34.78

わざわざvimに戻す理由がわからん。
どこが劣ってるか教えてほしい

**デフォルトの名無しさん** · 2018/12/03(月) 14:32:41.10

へー凄いなLanguage Server
いったいどこが仕様策定したんだろ？

**デフォルトの名無しさん** · 2018/12/03(月) 16:24:36.29

vimmerは2度死ぬ

**デフォルトの名無しさん** · 2018/12/03(月) 17:29:25.36

vimがというよりVimScriptがもう古すぎて書く気になれない

**デフォルトの名無しさん** · 2018/12/03(月) 20:49:01.50

フロントエンジニアはvscodeが使っている人が多いと思うけど、バックサイドエンジニアはvimやemacs使っている人が多いのではないかなぁ

**デフォルトの名無しさん** · 2018/12/03(月) 20:50:24.43

ゴメン。バックエンドエンジニアだった

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

>>190
Microsoftのよう
https://qiita.com/atsushieno/items/ce31df9bd88e98eec5c4

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

どっちもやるから両方VSCodeだろ
今時フロントエンド専業のエンジニアなんか存在してるのか?

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

>>196
ある程度の規模があると普通にいる
プロジェクトによるわな

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

それよりvimを使ってプログラミングしてる人間なんて本当にいるの？
自分もテキストエディタとしてgvim使ってるけど、素のvimでプログラミングしてる人間なんぞ見たことないぞ

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

バックエンドエンジニアって言い方が悪かったか。サーバサイドエンジニアだとどう？サーバがLinuxだとして、そこのファイルどうやって編集するの？
sshfs？rootの作業は？結局ターミナルからvimだったりしない？

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

設定ファイル程度ならターミナルから直接偏したりするけど、プログラミングだと開発とデプロイは別じゃね？

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

そうか。確かに。皆、使い分けてるのかな。

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

常にサーバー上で作業するわけないやろ

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

最近のMicrosoftはすごいね

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

バックエンドもフロントエンドも両方やってる
デザインもやってるし

**デフォルトの名無しさん** · 2018/12/03(月) 23:38:44.18

サーバと開発機が同じPCのわけないです

**デフォルトの名無しさん** · 2018/12/04(火) 12:30:00.85

>>62
だいぶ遅れたが導入してみた。
めちゃくそ便利！

**デフォルトの名無しさん** · 2018/12/04(火) 12:58:59.21

初歩的な質問ですみません
visualstudiocodeでファイル名をリネームする方法がわからないです
教えてください

**デフォルトの名無しさん** · 2018/12/04(火) 13:01:38.20

>>91
困ったらとりあえず Ctrl(Cmd) + Shift + P で rename とかキーワード入れてみろ

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

ミス >>207

**デフォルトの名無しさん** · 2018/12/04(火) 13:21:48.98

>>209
入れたけど何もでてこないです
みなさんどうやってリネームしてるんですか？

**デフォルトの名無しさん** · 2018/12/04(火) 13:26:03.54

左のエクスプローラーにある該当のファイルを右クリックしてリネームすれば

**デフォルトの名無しさん** · 2018/12/04(火) 13:32:09.16

Visual Studio Codeはなぜか人気言語ランキングに入ってない

**デフォルトの名無しさん** · 2018/12/04(火) 13:39:47.68

>>211
みなさんリネームって出てくるんですか？
アドオン入れたらリネームできるようになったけど
https://i.imgur.com/3Og4k3D.jpg

**デフォルトの名無しさん** · 2018/12/04(火) 15:47:45.05

右クリックで出てくるけどF2押してる

**デフォルトの名無しさん** · 2018/12/04(火) 16:15:32.93

>>213
どう使おうと自由なんだけど、基本的にはファイル単体じゃなくて、プロジェクトフォルダ単位で開くものだから

**デフォルトの名無しさん** · 2018/12/04(火) 16:37:51.31

File Utils便利だから入れておくと良いぞ
標準機能に入れて欲しいくらい
https://marketplace.visualstudio.com/items?itemName=sleistner.vscode-fileutils

**デフォルトの名無しさん** · 2018/12/04(火) 17:21:59.77

そんなウィルス置いとくな

**デフォルトの名無しさん** · 2018/12/04(火) 17:39:41.56

下にコマンド入れる枠があるんだが・・・

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

久しぶりに起動したら「新しいディストリビューションに切り替えを進めます」
的なメッセージが出たからそのままダウンロードしてインストールしたら
アｐデかと思ったら新旧二つのVS CODEができてしまった
ややこしいので古い方をアンインスコしたら
なぜかファイルとアプリの紐付けが切れてしまった
再登録しようとしたら
なぜかアンインスコしたはずの古い方のプログラムを参照してしまうようで
ファイルと紐付け出来ない
どうすれば再登録できますか？

**デフォルトの名無しさん** · 2018/12/05(水) 08:01:58.12

新しい方も一度消して入れ直したらどうか

**デフォルトの名無しさん** · 2018/12/06(木) 07:30:51.54

1.30まだ？

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

>>126
プログラマならまずはスクショの撮り方覚えろwww

**デフォルトの名無しさん** · 2018/12/06(木) 09:18:42.75

「スマホで撮った方が早くて楽」勢が来るぞ

PC上で完結することにわざわざスマホ使い出すっていうこと自体に不安を覚えるわ

**デフォルトの名無しさん** · 2018/12/06(木) 09:50:52.46

そもそも画面キャプチャの方が
余計なモアレとか無くて見易いんだけどな

**デフォルトの名無しさん** · 2018/12/06(木) 10:26:19.80

5chはmateで完結させたい気持ちは分かる

**デフォルトの名無しさん** · 2018/12/06(木) 10:27:40.21

たかがスクショでも全力で叩きたい暴れる君が必死すぎて滑稽ですな