Visual Studio Code / VSCode Part11

**デフォルトの名無しさん** · 2021/09/22(水) 20:45:31.82

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 Part10
https://mevius.5ch.net/test/read.cgi/tech/1616255273/

**デフォルトの名無しさん** · 2021/11/06(土) 06:37:10.32

>>259
回答どうも。
mgってのはhightlightにおける、mということなんですかね？

>>260
なるほど。。。
正規表現は1行に対する指定、という認識が間違っていたようです。

**デフォルトの名無しさん** · 2021/11/06(土) 06:43:12.49

gmは、gとmの組み合わせってことすか。
理解しました。

**デフォルトの名無しさん** · 2021/11/06(土) 11:08:22.88

正規表現にはマルチラインモードとシングルラインモードがあり
モディファイアで切り替えられる
^$はシングルラインモードでは文頭文末になり
マルチラインモードでは行頭行末になる
VSCodeの通常の検索では当然マルチラインモードがデフォルト
>>246の設定ではモディファイアを g i にしていたのでシングルラインになってたというのが今回の顛末
マルチラインモードでも\A \Z \zで文頭文末が検索できるのでたまに便利

**デフォルトの名無しさん** · 2021/11/06(土) 11:41:31.66

まとめありがとう

**デフォルトの名無しさん** · 2021/11/06(土) 11:46:43.05

Node.jsが32ビットサポートしてないからlinux版のVSCodeも32ビット版サポート無しなんだな

**デフォルトの名無しさん** · 2021/11/06(土) 11:59:47.77

>>263
な、なるほどー(´・ω・`)、、、
giとか言うコマンドはperlという言語に由来するのですか？

**デフォルトの名無しさん** · 2021/11/06(土) 13:13:02.16

>モディファイアを g i にしていたのでシングルラインになってたというのが今回の顛末
gは繰り返し(globally match)
iは大文字小文字無視(case-insensitive)
でぜんぜん関係ないし単にmが未指定だから

**デフォルトの名無しさん** · 2021/11/06(土) 13:33:08.64

なるほど。

１つ目だけでなくすべてのマッチを拾うのがｇ
mは１行として扱うということですね

**デフォルトの名無しさん** · 2021/11/06(土) 13:45:50.33

度々失礼します。

"(^#[^#].*)":
{
// A regex will be created from this string, don't forget to double escape it
"regexFlags": "mg", // Flags used when building this regex
"filterLanguageRegex": "markdown", // Apply only if current file's language matches this regex. Requires double escaping
"filterFileRegex": ".md", // Apply only if the current file's path matches this regex. Requires double escaping
"decorations":
[ // Decoration options to apply to the capturing groups
{"backgroundColor":"#545454"},
{"Color":"#ffffff"}
]
},
こうすると、backgroundcolorは反映されるんですが、colorは反映されません。
どこが悪いんでしょうか？

あと、このシンタックスのテーマって自作出来るでしょうか？
yo codeで雛形はあったと思うんですが

**デフォルトの名無しさん** · 2021/11/06(土) 14:21:57.37

uiテーマと一緒にシンタックスまで変更されるので、これらはセットでなければいけないのかなぁと思ってます。

**デフォルトの名無しさん** · 2021/11/06(土) 14:35:40.20

editor.takenColorcustomizationsを使って、シンタックスをカスタムしようかなと思ってるんですが、拡張子の指定ッテできるんでしょうか？
これをsetting.jsonに記述したところ、jsonファイルのシンタックスが変更されるようです。
{
// …… 省略 ……
"editor.tokenColorCustomizations": {
"comments": {
"foreground": "#008800",
"fontStyle": "underline"
},
"functions": {
"foreground": "#000088",
"fontStyle": "bold"
},
"keywords": "#888800",
"numbers": "#000000",
"strings": "#55AAAA",
"types": "#FF8800",
"variables": "#880088"
}
}

https://atmarkit.itmedia.co.jp/ait/articles/1710/20/news023.html

**デフォルトの名無しさん** · 2021/11/07(日) 22:10:19.72

stylelintって、VSCode Marketplaceからインストールできるやつと、npm使ってインストールするやつの
2種類があるのでしょうか？
両者の違いは何なのでしょうか？

**デフォルトの名無しさん** · 2021/11/07(日) 22:30:31.76

漏れの推測だけど、

npm なら、package.json に書いて、そのプロジェクト内での操作ができる。
拡張機能なら、VSCode の画面下のタスクバーで操作できる

**デフォルトの名無しさん** · 2021/11/07(日) 22:47:01.79

>>273
回答ありがとうございます！
VSCode内で操作するかVSCode外で操作するかの違いということなんでしょうかね。
いろいろ調べてみると、npmの方の設定方法の記事はたくさん出てくるのですが、VSCodeの方の設定の記事は見つかりませんでした。
いろいろ細かく設定するとなるとnpm経由の方がいいんですかね

**273** · 2021/11/08(月) 02:11:41.52

VSCode の拡張機能では、コンパイルなどのタスクランナーから起動させなくても、
リアルタイムで、エラーの波線が付く

それに、ユーザー設定で、プロジェクト毎ではなく、
そのユーザーのすべてのプロジェクトでも使える

個別のプロジェクトでも、画面下のタスクバーで設定できる

拡張機能なら、install/uninstall も簡単だし、ひとまず使って損はない

**デフォルトの名無しさん** · 2021/11/08(月) 13:01:14.58

拡張作成のためのフォーラムありますかね？

**デフォルトの名無しさん** · 2021/11/08(月) 14:04:35.38

ここで良くない？

**デフォルトの名無しさん** · 2021/11/08(月) 14:04:47.36

初心者フォラで聞け

**デフォルトの名無しさん** · 2021/11/08(月) 14:18:48.97

変な略しかたw

**デフォルトの名無しさん** · 2021/11/08(月) 14:25:51.97

Visual Studio Code Extensionのスレを立てるべき
やる気がある人歓迎
立てないなら拡張作成のやる気がないと判断する
やる気があるならスレを立てよう

**デフォルトの名無しさん** · 2021/11/08(月) 14:47:45.05

>>280
ここでは駄目なの？

**デフォルトの名無しさん** · 2021/11/08(月) 14:59:24.82

>>281
スレは分割すればするほどよい
自動的に分類されて整理される
知識を後世に残すことを考えるべき

**デフォルトの名無しさん** · 2021/11/08(月) 15:23:44.65

じゃあ本体バージョンごとに分割、拡張・バージョンごとにスレ分けよろしく

**デフォルトの名無しさん** · 2021/11/08(月) 16:49:30.54

>>280
やる気がない人を発見しました！

**デフォルトの名無しさん** · 2021/11/08(月) 19:59:22.54

じゃあここで聞きます
マークダウンのハイライトがないので、ちと不便です
わざわざプレビュー画面見たくない

**デフォルトの名無しさん** · 2021/11/08(月) 20:01:00.75

Typora使え。以上。

**デフォルトの名無しさん** · 2021/11/08(月) 20:41:14.55

ウチの環境だとある程度はハイライトされるけど、入れてる拡張がやってくれてるってことなのかな?

**デフォルトの名無しさん** · 2021/11/08(月) 20:54:35.77

拡張子をmdにしてないとか？

**デフォルトの名無しさん** · 2021/11/08(月) 20:54:47.09

拡張作成のためって言ったよな？
拡張使用

**デフォルトの名無しさん** · 2021/11/08(月) 20:59:47.59

Markdown拡張はPlantUML他が内包できる
shd101wyy.markdown-preview-enhanced
一択やわ
ハイライトもなんとなくしてくれる

**デフォルトの名無しさん** · 2021/11/08(月) 21:32:21.86

https://marketplace.visualstudio.com/items?itemName=fabiospampinato.vscode-highlight&;ssr=false#overview
このhighlightエクステンションで、文字色の指定はできるんでしょうか？
foregroundやcolorとしても駄目なようですが、何の記述ルールなんでしょうか？

**デフォルトの名無しさん** · 2021/11/08(月) 22:03:36.01

>>291
いったん他の拡張をぜんぶ無効にして試したら？
あと文書のどこにもforegroundって書いてないし落ち着いた方がいい

**デフォルトの名無しさん** · 2021/11/08(月) 23:39:49.55

>>291
>>269の人か？
"decorations": [
{"backgroundColor":"#545454", "color":"#ffffff"}
]
装飾オプションはキャプチャグループ単位って自分でコピペしたコメントに書いてあるがな
使えるオプションそのページのSettingsの一番下のhere

**デフォルトの名無しさん** · 2021/11/09(火) 10:38:09.74

>>286
あんな使いにくいもん使いません
typoraなんてハイライトすらできないでしょう

**デフォルトの名無しさん** · 2021/11/09(火) 10:56:03.75

>>287
>>290
ハイライトはデフォルトのテーマでもされるんですよけど、背景色なんかをつけたいんですよね
あと、h1とh2で別の色にしたいのです

拡張子はmdです

**デフォルトの名無しさん** · 2021/11/09(火) 10:57:52.45

>>293
そうやって書くんですか、ありがとうございます。
別のカッコにしてました。

**デフォルトの名無しさん** · 2021/11/09(火) 10:58:08.53

>>293
269です。

**デフォルトの名無しさん** · 2021/11/09(火) 11:35:40.75

New Language Supportで作成したハイライトなんですけど、vsceを使ってパッケージにしないとテストできない感じですかね？
パッケージ化してからインストールかしら。

また、既存のテーマはuiテーマとハイライトがセットになってるんですけど、これらのどちらか一方のみを変更というのは出来るんですかね拡張で。

**273** · 2021/11/09(火) 18:41:17.06

>>272
Web制作者のためのSassの教科書改訂2版、2017

この本に、説明があった

EditorConfig で、エディタ間のルールを統一する。
設定ファイルは、.editorconfig

stylelint は、拡張機能または、npm でインストールする。
設定ファイルは、.stylelintrc

@ディレクティブなどのルール設定もできる、stylelint-scss もある

**デフォルトの名無しさん** · 2021/11/09(火) 20:51:29.76

highlightでheightとかmargin系が効かないのはなぜだか分かりますでしょうか？
色指定は効くんですがね。

**デフォルトの名無しさん** · 2021/11/09(火) 21:13:50.07

>>300
開発者モード（Ctrl+Shift+I）のElementタブで、対象要素に対してスタイルがどのように適用されているかを確認してみよう

**デフォルトの名無しさん** · 2021/11/09(火) 21:33:13.44

>>301
ん？ブラウザの話ですか？
vscodeのhighlightエクステンションで、marginも指定出来るみたいなんですけど、これがテキストエリア内では効かないんです。
プレーンテキストに対しての装飾というのは限られているのかもしれませんね。

位置を変更したりという。

**デフォルトの名無しさん** · 2021/11/09(火) 21:35:20.10

>>301
uiテーマのとこのプロパティ見てましたわ
https://code.visualstudio.com/api/references/vscode-api#ThemableDecorationAttachmentRenderOptions

**デフォルトの名無しさん** · 2021/11/10(水) 07:52:33.58

>>290
自分もそれ使ってるけど、
MarkdownでPlantUMLの部分書いてるときに補完が効かないの地味に辛くない？
かと言って代替の拡張もないんだけど
拡張子mdでうまいことplantumlブロックの中だけPlantUMLの補完効かせる方法ないんかな

**デフォルトの名無しさん** · 2021/11/10(水) 10:11:29.40

ちょいメモでもvscode使ってますか？
アウトライナーつきエディタってあんまないんですよね。

**デフォルトの名無しさん** · 2021/11/10(水) 10:42:36.38

メモ用はcode-serverで立てたWebアプリ版VSCode使ってる
ノートのフォルダを常に開いておいて、ちょいメモもそこで
その内vscode.devに移行するかも

**デフォルトの名無しさん** · 2021/11/10(水) 10:58:20.81

meryってのを使ってましたけど、vscodeに一本化しましょうかね
ideのイメージあったんすけど

linux mintも使っていきたいので、マルチプラットフォームなのが欲しくて

**デフォルトの名無しさん** · 2021/11/10(水) 13:51:30.30

ちょいメモは秀丸

**デフォルトの名無しさん** · 2021/11/10(水) 14:02:59.79

アウトラインエディタってのがあまりないんですよね
海外とかだとマークダウン使ってるんでしょうかねみんな

**デフォルトの名無しさん** · 2021/11/10(水) 14:26:52.52

メモ機能云々以前にファイル管理に頭使いたくない

**デフォルトの名無しさん** · 2021/11/10(水) 14:34:37.98

アウトラインプロセッサの分野ではWorkflowyが稀に見るビジネス的な大成功を納めたのが記憶に新しい
似たソフトにDynalistもある
なんでもいいってんならWordにもアウトライン機能あるから運用工夫すればあるいは

**デフォルトの名無しさん** · 2021/11/10(水) 15:04:57.41

少し前にこの板とかLinux板とかYahoo知恵袋でマルチ質問しまくってたのにまだ合うアウトラインプロセッサ見つかってないのか
もう自分で作るしかないんじゃね

**デフォルトの名無しさん** · 2021/11/10(水) 15:05:10.51

vscodeってcssの静的解析がデフォルトで入っているんですか？
これってOFFにできたりしないんでしょうか。
他の静的解析ツールとバッティングしてしまうんじゃないかと

**デフォルトの名無しさん** · 2021/11/10(水) 15:32:18.35

>312
へえ、そうなんだ。じゃあ遠慮していたけど自分が使っているWZ Editor5をおすすめしておこうっと
WZは前のバージョンにあった機能をさくっとなくしてしまうことがあるので、自分が便利に使っているWZ5相当のアウトライン機能が最新バージョンでも使えるかは調べてみてください

**デフォルトの名無しさん** · 2021/11/10(水) 15:39:42.85

>>311
まあ、マークダウンでいいですよね。
ただ、マークダウン専用エディタだといまいち使いづらくて。

**デフォルトの名無しさん** · 2021/11/10(水) 16:06:18.80

>>315
それならObsidian試してみてよ
ググれば啓蒙してるブログとか見つかるからそれ読んで興味が湧いたら

**デフォルトの名無しさん** · 2021/11/10(水) 16:19:46.90

>>316
どうも。試してみますです。

**デフォルトの名無しさん** · 2021/11/10(水) 21:40:46.15

Trilium Notes
Joplin
Zettlr

**デフォルトの名無しさん** · 2021/11/10(水) 22:14:19.37

秀丸ってまだあったんだ草

**デフォルトの名無しさん** · 2021/11/10(水) 22:30:07.07

>>319
＞　ITエンジニアが使いたいエディタトップ10　「Visual Studio Code」は3位　1位は？
＞　1位は「サクラエディタ」（38.0％）、2位は「秀丸エディタ」（20.8％）、3位は「Visual Studio Code」（9.4％）だった。
＞　2021年05月27日 12時00分公開

どうした？
なぜいきなり秀丸？
日本で日常的に見かけるよ

**デフォルトの名無しさん** · 2021/11/10(水) 23:35:19.76

禿丸は老害とガイジ御用達
2位の結果はそいつら声デカイの多いから
実数の割合ではそこまで多くないと思われ

**デフォルトの名無しさん** · 2021/11/11(木) 05:21:35.56

ちゃんと払ってるのかな

**デフォルトの名無しさん** · 2021/11/11(木) 05:54:43.09

禿げ丸嫌いだけど、一応完成されてるエディタなんだからそれで間に合ってる人は移行しないだろ
vscodeはもっと伸びてて良さそうだけど、まあ歴史的にこの割合はおかしくもない

**デフォルトの名無しさん** · 2021/11/11(木) 06:03:05.05

マルチプラットフォームなやつがほしいっすよね
アウトライナーつきの

**デフォルトの名無しさん** · 2021/11/11(木) 06:48:20.04

禿丸にみえた

**デフォルトの名無しさん** · 2021/11/11(木) 09:59:43.98

禿丸3000yen

**デフォルトの名無しさん** · 2021/11/11(木) 10:14:21.00

あなたは禿丸作者からハゲ認定されていますか？

**デフォルトの名無しさん** · 2021/11/11(木) 10:37:22.61

typoraスゴックいいですね
舐めてました、すみません

**デフォルトの名無しさん** · 2021/11/11(木) 10:44:38.32

ズゴックに見えた

**デフォルトの名無しさん** · 2021/11/11(木) 11:45:50.81

禿丸はまだNiftyがあったころに金払ったよ

**デフォルトの名無しさん** · 2021/11/11(木) 12:37:17.83

会社でボリュームライセンス、てのも少なくないやろ。

**デフォルトの名無しさん** · 2021/11/11(木) 15:49:52.55

秀丸エディタは適当でもオンラインソフトを公開していればライセンス料免除になるし

**デフォルトの名無しさん** · 2021/11/11(木) 17:08:05.73

ちょいメモはNotionだな。

**デフォルトの名無しさん** · 2021/11/11(木) 18:14:44.69

スケジュール管理ってデジタルのほうがいいんでしょうか？

いつかやるかもしれないタスクが数万行あるので、これは流石にデジタルです
マークダウンのヘッダでカテゴリ分けして保存してます

どういうメソッドがいいんでしょうかな？

**デフォルトの名無しさん** · 2021/11/11(木) 18:15:57.12

メモだけならsimplenoteつこうとる

**デフォルトの名無しさん** · 2021/11/11(木) 20:39:14.64

>>335
なんていうメソッド使ってますか？
GTDとかバレットジャーナルとかありすぎて

ただ、優先順位つければいいんですけどね

**デフォルトの名無しさん** · 2021/11/12(金) 01:58:12.65

数万行のタスクとか生きてるうちにぜってえやらねえだろ

**デフォルトの名無しさん** · 2021/11/12(金) 07:12:07.05

>>337
そうですね。
タスクというよりはアイディアを出し切る場所という感じですかね。

**デフォルトの名無しさん** · 2021/11/12(金) 09:32:18.86

プログラミング以外でもちょっとしたメモ書きにVSCを使ってるんだけど、
選択した部分を強調表示（下線や太字、色変えなど）する機能ってある？
他のアプリ使った方が良いのかな

**デフォルトの名無しさん** · 2021/11/12(金) 09:53:12.64

Markdownで書いたら？

**デフォルトの名無しさん** · 2021/11/12(金) 10:02:59.55

選択が外れるとプレーンに戻るのだったら最初からそうだけど、たぶん任意の場所の見た目を変えておきたいという話だよね
それはワープロのすることでVSCでは基本的には無理
[～]の範囲や●で始まる行の見た目を変えるなどの条件をつければHighlightなどを使って可能
上でワーワーやっていたから読み返してみて。発端は>237

**デフォルトの名無しさん** · 2021/11/12(金) 10:54:27.13

現状あくまでテキストエディタだから動的にスタイル適用することはできても
静的にメタデータ(強調表示の属性追加とか)を追加するのには適してないね
拡張で独自に別ファイル管理するのもあれだし
マークダウンみたいにインラインで情報付加するのが素直

**デフォルトの名無しさん** · 2021/11/12(金) 12:57:06.83

タスク管理もマークダウンでいけるかしら

**デフォルトの名無しさん** · 2021/11/12(金) 13:03:28.46

todo.txtとかorg modeとか

**デフォルトの名無しさん** · 2021/11/12(金) 13:37:51.27

質問いいですか？
VScode使い始めの初心者です。

拡張機能を本来とは別のファイルに関連付ける方法はありますか？
具体的には"django-html"に"html"で使う拡張機能を適用させたいです。

・試したこと
emmetの場合、以下のコードをsettings.jsonに追加することできるようでした。
"emmet.includeLanguages": {
"django-html": "html",
},
この”emmet”を”拡張機能のID”に変えたものを追加してもできませんでした。
（”拡張機能”のIDは拡張機能の一覧から右クリックして「拡張機能のIDをコピー」で取得しています。）

**デフォルトの名無しさん** · 2021/11/12(金) 13:38:54.03

org modeってemacsのやつですけど、いまいち何に使うのかわからんのですが、なんすかあれ

**デフォルトの名無しさん** · 2021/11/12(金) 19:57:15.64

https://qiita.com/t4ku/items/315337745c3fa691027c

**デフォルトの名無しさん** · 2021/11/12(金) 22:29:50.63

メカ屋さんから昔の組込アプリのメンテお願いされたから
VScodeで開いたら
main関数が1個だけあって2万行あった
gotoとifを駆使したスーパープログラムだった

黙ってソースは返却して帰宅した

**デフォルトの名無しさん** · 2021/11/12(金) 23:21:48.26

>>207,212,218
同じようなので困るのが
launch.json argsにクエリ文字列付きのURLを記したいときだな
アンパサンドがどうしても使えない
"args": ["http://www.example.com/?hoge=piyo&;foo=bar"]
これを渡しても、"http://www.example.com/?hoge=piyo";として認識され
あとは、
"'episode' は、内部コマンドまたは外部コマンド、
操作可能なプログラムまたはバッチファイルとして認識されていません。"
となってしまう

vscodeのせいというより、cmdやpsのせいなの、issueでも何度もスルーされてるが、
結構困ってる人はいるようだ
なんかいい方法ないのかね

とりあえずアンパサンドをエンコードしてスクリプトの方でデコードする方法を使ってるけど
なんかモヤモヤする

**デフォルトの名無しさん** · 2021/11/12(金) 23:24:00.33

ごめん、episodeじゃなくfooね
元ネタをそのまま書いてしまった

**デフォルトの名無しさん** · 2021/11/13(土) 00:04:48.50

cmdのせいなら「^&」とかは？

**デフォルトの名無しさん** · 2021/11/13(土) 00:48:25.26

>>351
おお、通った！サンクス！

"^"は、"terminal.integrated.defaultProfile.windows"をPSにするとつかえなかったけど、
実はPSのままなら細工なしでいけたわ
コマンドプロンプトをデフォルトにしていたんだけど、こんな落とし穴があるとは…

**デフォルトの名無しさん** · 2021/11/14(日) 17:09:15.06

ALT + SHIFT + F で整形すできるのは便利ですが、
本の表示に戻すのはどうすればよいのですかね？

**デフォルトの名無しさん** · 2021/11/14(日) 17:09:47.86

ALT + SHIFT + F で整形できるのは便利ですが、
元の表示に戻すのはどうすればよいのですかね？

**デフォルトの名無しさん** · 2021/11/14(日) 17:26:07.93

CTRL + Z

**デフォルトの名無しさん** · 2021/11/14(日) 18:52:50.89

戻らなくね？

**デフォルトの名無しさん** · 2021/11/14(日) 19:10:36.31

当環境（最新ではない）では戻った

**デフォルトの名無しさん** · 2021/11/14(日) 19:26:47.84

キーボードショートカットか編集メニューのundoのところみてみ

**デフォルトの名無しさん** · 2021/11/14(日) 20:07:49.64

編集した後minifyしたいって事なら拡張使うしかないんじゃね？

**デフォルトの名無しさん** · 2021/11/14(日) 21:03:21.97

返信がないが言語によって整形プログラムが違うことが原因の可能性