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/08(木) 13:38:57.74

>>1
自決乙です

**デフォルトの名無しさん** · 2018/11/08(木) 15:47:38.55

ビルド設定だけで頭痛くなっちゃうぜ、おまけにだいたいの参考サイトが個人設定とかが多くて参考にならないし

**デフォルトの名無しさん** · 2018/11/08(木) 20:05:49.84

いちおつ

**デフォルトの名無しさん** · 2018/11/09(金) 23:22:00.58

phpコードを整形して綺麗にインデントしたいのだが、
Prettierと言うのを試したのだが動かない。
なぜよ？

**デフォルトの名無しさん** · 2018/11/09(金) 23:43:49.13

>>5
ぶっちゃけアリエナイ。

プラグイン入れた？
PrettierはNodeJS(Javascript)製のツール。だからデフォルトでは、
JavaScript、TypeScript、Flow、JSX、JSON、CSS、SCSS、Less、HTML、Vue、Angular、GraphQL、Markdown、YAMLといったJavascript隣接領域の言語にしか対応していない。

PHP向けには公式プラグインがある。
https://github.com/prettier/plugin-php

Python、Swiftにも公式プラグインがある。
その他Apex、Elm、Java、PostgreSQL、Rubyには非公式プラグインがあるがクオリティはお察し。
非公式プラグインでPrettierの実力を判断しないでほしいね。

**デフォルトの名無しさん** · 2018/11/10(土) 01:56:04.35

そのPrettier phpプラグイン、まだアルファ段階だから様子見してる。もう安定してるのかな？
うちは php cs fixer 使ってるわ。
HTMLも Prettier対応したな

**デフォルトの名無しさん** · 2018/11/10(土) 09:01:59.51

こういうのを聞くとgoのエコシステムは素晴らしいと思うわ。
tsもどうせならコード整形を言語機能側にぶち込んで強制してくんないかな。
別に俺はこだわり無いけど、どのプロジェクトでも同じ一貫性がほしい

**デフォルトの名無しさん** · 2018/11/10(土) 16:26:25.11

The quick brown fox jumped over the lazy dog.

HTMLのマークアップで、たとえば上のような既存の p があって、
この中の brown を span でマークアップしたい場合、

マークアップ対象を先に選択しておいて、次に目的のタグを選んで
くくるような操作ってできますか？

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

>>9
これでどう？
https://marketplace.visualstudio.com/items?itemName=bradgashler.htmltagwrap

**デフォルトの名無しさん** · 2018/11/10(土) 19:38:36.32

別に拡張入れなくても
標準で入ってるemmetのWrap with Abbreviationでいける

**デフォルトの名無しさん** · 2018/11/10(土) 19:47:50.18

銅じゃないよ！
じゃ、何？

**デフォルトの名無しさん** · 2018/11/10(土) 19:59:07.90

>>6
>プラグイン入れた？
Prettier formatter for Visual Studio Code
と言うのを入れたのだが、それだけじゃダメなん？

**デフォルトの名無しさん** · 2018/11/10(土) 20:00:10.80

ついでに聞きたいんだが
The quick brown fox jumped over the lazy dog.

このpを例えばh1に変更したいと思った時に前後のタグをいちいちカーソル合わせて変更するのではなく
パッとかえる方法はありますか？

**デフォルトの名無しさん** · 2018/11/10(土) 21:14:01.12

>>14
拡張機能あるよ。
htmltagwrapだったかな？

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

>>14
それも拡張機能とか入れなくても標準機能のemmetである。
editor.emmet.action.updateTag （タグの更新）

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

emmetがとても便利なのは認めるが反応しない時あるよね

**デフォルトの名無しさん** · 2018/11/10(土) 23:26:10.69

Emmet、 h1>div.hoge みたいなやつの展開以外にもいろいろ便利機能あるので
html作業メインならショートカットキー割り当てておくといいよ

>>9 の選択文字列を指定したタグで囲む
>>14 のタグを更新
の他に、たとえば、 <div>hoge</div> でhogeにカーソルがあるとき

一番内側のタグ（この場合）のタグだけを削除
　→ もう一回実行すると が消える
　→順にタグをだけを次々と削除可能とか、
タグの内側（hoge）だけを選択
　→ hoge を選択
　→ hoge を選択、と選択範囲を拡張（逆方向も可）とか、

・複数行を1行にマージ（標準機能と違って改行位置にスペースが入らない）
・タグ上にカーソルがあるとき、一致するペアタグとの相互移動
・数値上にカーソルがあるとき、数値の 0.1 1 10 刻みでの上下

とか他にもいろいろある

**デフォルトの名無しさん** · 2018/11/10(土) 23:33:13.51

それemmetの機能だったのか。

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

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

前スレの拡張機能の紹介で、

html tag wrapper
HTML を選択し、Ctrl + i を押すと、両端をタグで囲める

Auto Rename Tag
開始終了タグを、同時に変更する

**デフォルトの名無しさん** · 2018/11/11(日) 14:36:20.54

http://r2.upup.be/wV2qsULdHm

**デフォルトの名無しさん** · 2018/11/11(日) 16:03:43.21

>>21
ブラクラ

**デフォルトの名無しさん** · 2018/11/12(月) 21:31:13.35

1.29まだなの？

**デフォルトの名無しさん** · 2018/11/12(月) 22:22:41.93

最近リリース予定の翌週にずれこむ事が多いな

**デフォルトの名無しさん** · 2018/11/13(火) 07:05:10.96

https://code.visualstudio.com/updates/v1_29

**デフォルトの名無しさん** · 2018/11/13(火) 08:34:41.02

ついに複数行の検索が！

**デフォルトの名無しさん** · 2018/11/13(火) 09:58:05.19

1.29キター♪o(ﾟ∀ﾟo)(oﾟ∀ﾟ)o♪

**デフォルトの名無しさん** · 2018/11/13(火) 10:54:00.30

神アプデｷﾀ━━━━━━(ﾟ∀ﾟ)━━━━━━ !!!!!

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

神なのか

**デフォルトの名無しさん** · 2018/11/14(水) 00:18:13.66

再インスコしないとアイコン変わらない？

**デフォルトの名無しさん** · 2018/11/14(水) 15:42:21.63

分からんけどアイコンって何か変わったの？

**デフォルトの名無しさん** · 2018/11/14(水) 15:43:31.45

変わってないよ

**デフォルトの名無しさん** · 2018/11/14(水) 17:33:08.49

前verで搭載された、ファイルアイコンのことかね
https://code.visualstudio.com/updates/v1_28#_file-icons-per-file-type

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

なるほど

**デフォルトの名無しさん** · 2018/11/15(木) 00:13:56.42

>>33
それが1.29で更新されたやつの話じゃないの？
リリースノートにリストビュー用の小さいアイコンって書いてあるけど。

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

スペルチェック出来る？

**デフォルトの名無しさん** · 2018/11/16(金) 16:36:59.62

この2つがDL数も多いし定番っぽい？

Code Spell Checker
https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker

Spell Right
https://marketplace.visualstudio.com/items?itemName=ban.spellright

**デフォルトの名無しさん** · 2018/11/16(金) 22:10:48.94

Update 1.29.1

**デフォルトの名無しさん** · 2018/11/16(金) 23:15:13.46

神アプデかな

**デフォルトの名無しさん** · 2018/11/17(土) 09:50:32.85

Visual Studio Codeのスニペット登録が分からない

**デフォルトの名無しさん** · 2018/11/17(土) 12:05:47.10

コマンドパレットにsnippetとか入れたらなんかそういうの出るだろ
あと言語ごとにスニペットファイル作成なのも留意

あとは公式見ろ
https://code.visualstudio.com/docs/editor/userdefinedsnippets

少し情報が古いが有志の日本語訳
https://vscode-doc-jp.github.io/docs/userguide/userdefinedsnippets.html