2023年4月18日 / 最終更新日時 : 2023年4月18日 info@rishuntrading.co.jpツールプログラミング VS Codeの折り畳みと展開のショートカット VScodeでコーディングをしていたところ、誤って何かのキーを押してしまったらしく、すべてを折りたたむショートカットが発動し全て折りたたんでしまいました。 もちろん、一つ一つ展開なんて事は面倒なので、当然全て展開するショートカットがあるだろうと調べてみたらやはりありました。 せっかくなので、VS Code上のコードの折り畳みと展開のショートコードを、まとめて記載しておこうかと思います。 1.VS Codeのコードの折り畳みと展開とはVS Codeのコードの折り畳みと展開とは以下の事です。 ソースの左側のところにマウスをホバーさせると、下向きの閉じ括弧(もしくは矢印)がでてきます。
VSCodeでRubyのフォーマッターを設定する時に出てきたエラー「rubocop failed with code=2」の解決策
VSCodeでRubyのフォーマッターを設定する方法 VSCodeでRubyのフォーマッターを設定する方法は下記サイトをご参照ください。 VSCodeでRubyを書く準備 事象 上記サイトの手順でフォーマッターを設定すると、フォーマット時に「rubocop failed with code=2」というエラーが発生する。 解決策 settins.jsonに下記コードを記載する。
リンク この記事は、次の記事と相互リンクです。 Visual Studio Code から外部エディタを開く。 - Qiita はじめに Visual Stusio Code (VSCode) を、EmEditor から開く例です。 EmEditorの外部エディタとして、VSCodeを、カーソル(キャレット)のある行を維持したまま起動できます。 他のエディタからでも、コマンドを呼び出せるなら、同じやり方で動かせると思います。 環境はWindows VSCodeのコマンドライン引数を指定して呼び出すだけです。 設定は次の通り EmEditorの外部ツールに登録してください。 設定名 内容
Visual Studio CodeでPython実行時の引数を指定する方法 - embeddedなブログ
例えば、「--input ./assets/phototourism_sample_pairs.txt --output_dir ./assets/output」という引数を指定したい場合は、configurationsの下に、下図のように「"args": ["--input", "./assets/phototourism_sample_pairs.txt", "--output_dir", "./assets/output"]」を追加すれば、引数として指定できます。
「Perl Navigator」はVSCode拡張機能で、Perlの開発環境をフォローしてくれる様々な機能を提供してくれます。 Perl Navigatorのインストール インストール方法は、VSCode起動後、左側のメニューから「拡張機能」をクリック、検索ボックスに「Perl Navigator」と入力、検索結果に「Perl Navigator」が出てくるので、「インストール」をクリックしてインストールします。 様々な機能 インストールしてPerlのファイルを開いてみると色んな機能が使えるようになっていました。触ってみて便利だったものをピックアップしてみます。 （拡張機能の紹介ページにあるデモムービーを見ると動作がわかりやすいです。） 文法チェック 記述したコードにエラーがあるとその部分の下に赤い波線が引かれて、問題があることを教えてくれます。スクリプトを実行しなくてもエラーを知らせてく
「Visual Studio Code（VSCode）」は、直感的なインターフェースと、多様な拡張機能によって、コーディング作業が格段に効率化されることから、プログラマーたちの間で高い評価を得ているエディタです。 しかし、これらの機能を最大限に活かすためには、基本的な使い方を把握し、どの拡張機能が自分の作業フローにフィットするのか、あらかじめ理解しておくことが不可欠です。 この記事では、VSCodeの基本的な使い方と、開発作業をスムーズに進めるための便利な拡張機能をご紹介します。快適な作業環境構築のために、ぜひ参考にしてください。 Visual Studio Code（VSCode）は、開発者にとって非常に強力なコードエディターです。その多様な機能と拡張性により、多くのプログラミング言語やフレームワークをサポートしています。ここでは、VSCodeの基本的な使い方と、初心者におすすめの拡張機
スニペットって？ コーディングしていて，こう思うことはないだろうか。 「同じようなコードばかり書いているけど，定型的な文をサクッと書けないかな」 こういうときにスニペットが活躍する。 ソースコードの一部をテンプレートとしてVisual Studio Codeに登録しておいて，あらかじめ決めておいた単語を書いてTabキーを押すと，そのテンプレートが一気にエディタに書かれる優れものだ。 しかも，定型文を書き出すだけではない。定型文の中の一部分を必要に応じて穴埋めできるようにもしておけるのだ。 具体的にどんなものなのかについて，以下で説明していこう。 スニペットの登録方法 HTMLファイル編集時に使うスニペットを登録する場合を例に，スニペットの登録方法を説明していく。 Visual Studio Codeを開く。 メニューから File → Preferences → User Snippets
行数の多い文書やソースコードを編集中、離れた行に書いてある変数や関数の確認、頻繁に修正する可能性がある箇所など、任意の行に素早く移動したいと思ったことはないでしょうか。 標準機能でも検索や行番号による移動はできますが、VS Codeの拡張機能「Bookmarks」を使うとあらかじめ印を付けた行に即座に移動できるようになり、より効率的に作業できるようになるかもしれません。 使用したバージョン Bookmarks v13.4.1 PR 拡張機能 “Bookmarks” について マークを付けた任意の行へ素早く移動できるVS Codeの拡張機能です。 ショートカットキーによる移動のほか、マークの一覧から選んで移動することもできます。 ウェブ倉庫 定数や関数をまとめている箇所等、確認・編集する頻度が高い箇所などにマークを付けておくとすぐに移動できて便利です。 Bookmarksのインストール VS
手動で必要なファイル・フォルダーを移行する方法か、オンラインの同期機能を利用することで、古いPCから新しいPCに設定や拡張機能を移行できます。 手軽なのは、同期機能です。MicrosoftかGitHubのアカウントでログインすることで、サクッと同じ作業環境を構築できます。 手動でバックアップ（移行）する場合、以下の場所にある3つのファイル・フォルダーを、移行先のPCにコピーします。 <!--インストールしたプラグインがある場所--> %Username%\.vscode <!--設定ファイルがある場所--> %AppData%\Code\User\settings.json <!--ワークスペース（Workspaces）がある場所--> %AppData%\Code僕は、2023年1月に新しいPC「G-Tune PP-Z-3070Ti (プレミアムモデル)」を購入しました。（記事はこちら）
makicamel on Twitter: "VSCode の拡張を作りました。 Rails アプリの routes を一覧表示してインクリメンタルに検索できて、クリックで定義元にジャンプできます。 VSCoder な人はぜひ使ってみてください！… https://t.co/uPm3E8DSd8"
VSCode の拡張を作りました。 Rails アプリの routes を一覧表示してインクリメンタルに検索できて、クリックで定義元にジャンプできます。 VSCoder な人はぜひ使ってみてください！… https://t.co/uPm3E8DSd8
山本隆の開発日誌
Windows版Visual Studio Code 1.9.0で「Ctrl+@」キーを押して統合ターミナルを開くと、cmd.exeでなくPowerShellになっていました。 cmd.exeを使用するには、次の設定を行います。 メニューの「ファイル」→「基本設定」→「ユーザー設定」を選択して、設定ファイルを開きます。 次のコードを追加します。 "terminal.integrated.shell.windows": "C:\\WINDOWS\\Sysnative\\cmd.exe"
と設定するとGoogleのフォーマットになってくれる。 個人的な意見 普段Deno使っているので、そのフォーマットが見慣れているだけかもしれないがK&Rが見やすい。 あとは、AllManだと、ifの中が1行の時に行数を削減したいとき、中括弧を省くことがあるが、あとから中身が2行とかになったときに中括弧を書く必要がある。
Microsoftは現地時間2023年4月10日、Visual Studio Code内からMicrosoft Kiotaの利用が可能になったと公式ブログで報告した。Microsoft KiotaはOpenAPIベースのAPIを呼び出すクライアント生成コマンドラインツールである。C#、Go、Java、PHP、Python、Ruby、Shell、Swift、Typescriptなど幅広い言語をサポートし、今回の拡張機能でVisual Studio Codeでコードを書く開発者は容易に機能を呼び出せるようになった。Microsoft Kiotaのフィルタリング機能を用いることで、APIクライアントに対する依存性の排除や、必要なAPI領域提示も制限する。 Microsoft KiotaによるAPIエクスプローラー(公式ブログより) Visual Studio Codeのコマンドパレットから拡張機
【Ruby】【Rubocop】Rubocopでコーディング規約をチェックする - 元ひよっこSEがフルスタックエンジニアを目指すブログ
個人でコーディングしている時は特に意識することがなかったのだが、転職してコードを書く機会が増えてからはコーディング規約に気をくばる必要が出てきた。かといってまだコーディング規約を覚えられていないので、それを気にして書くのは疲れる。ということで、「rubocop」を使ってみる。 ■インストール まずは、インストールする gem install rubocop■コードチェック テスト用に下記のプログラムを用意する。 # robocop.rb #コメント puts 'Rubocop使ってみた'下記コマンドでコードをチェックできる。 $rubocop rubcop.rb Inspecting 1 file C Offenses: rubcop.rb:2:1: C: Layout/LeadingCommentSpace: Missing space after #. #コメント ^^^^^ rubc
はじめに プログラミング学習中の@kat_logと申します。 VSCodeでカラーコードなど色を入力した際に表示されるカラーピッカーが表示されない問題が発生していたのですが、解決したため共有です。 結論 PostCSS Language Supportという拡張機能を無効化すると解決しました! 治らない場合 VSCodeの設定にて"editor.colorDecorators": trueになっているか確認する 参考: https://localhost8888.net/visual-studio-code/170/ 他の拡張機能の影響 VSCodeのアンインストール＆再インストール などが考えられます…🙇 おまけ VSCodeの挙動がおかしい時、今回のような拡張機能の影響が考えられるのですが、 「一時的に全ての拡張機能をオフ」にしてVSCodeを起動するコマンドのご紹介です code
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VS Codeの折り畳みと展開のショートカット | RishunTrading
Visual Studio Code を外部エディタから開く。 - Qiita
【プログラム】Perl Navigatorをインストールしました | まるめたり
【初心者向け】VSCodeの基本的な使い方と便利な拡張機能9選 | デジタルトレンドナビ
Visual Studio Codeに定型文（スニペット）を登録する方法 – // もちぶろ
マークを付けた任意の行に移動可能なVS Codeの拡張機能【Bookmarks】
Visual Studio Codeの設定を新PCに移行する手順 | ナポリタン寿司のPC日記
VSCodeのC/C++ formatで中括弧の位置が気に入らないあなたへ - Qiita
Microsoft、Visual Studio Code内からOpenAPIベースのAPIを呼び出すツール
VSCodeのカラーピッカーが機能しない - Qiita