Preview Docs - Visual Studio Marketplace
VSCode Preview Docs ✨ This VSCode extension enables you to preview language and framework documentations directly within your IDE ✨. Preview Docs automatically scans your package.json file and generates documentation specific to each language and framework. Preview Docs supports over 300+ documentation sites. Preview Docs How to contribute? Contributions are welcome and encouraged! If you have any
Prettify TypeScript: Better Type Previews - Visual Studio Marketplace
Prettify TypeScript Prettify TS is a Visual Studio Code extension that enhances your TypeScript development experience. It provides hover information for TypeScript types, classes, interfaces, and more, formatted in a more readable and configurable way. Example Features Hover Information: Just hover over a type, class, interface, etc., and you'll see a prettified version of its declaration in the
PlaywrightのVSCode拡張を使って効率的にテストを書く
この記事では、Playwright の VSCode 拡張を使って GUI 操作のみでテストの記録や実行する方法について紹介します。 Playwright の VSCode 拡張とは？ Playwright の VSCode 拡張は、Playwright の作成元である Microsoft が公式に提供している拡張機能で、VSCode 内で直接ブラウザテストの記録や実行を支援するための便利なツールです。 GUI 操作を中心に、テストの記録や実行を手軽に行うことが可能となります。 VSCode 拡張のインストールは、以下のリンクから行うことができます。 VSCode 拡張を活用してテストを書く 本記事では、シンプルな ToDo アプリを例にテストの作成方法を説明します。Playwright のインストール方法は、公式ドキュメントをご参照ください。その後、VSCode に Playwright
Error Lens - Visual Studio Marketplace
ErrorLens turbo-charges language diagnostic features by making diagnostics stand out more prominently, highlighting the entire line wherever a diagnostic is generated by the language and also prints the message inline. Features Highlight lines containing diagnostics Append diagnostic as text to the end of the line Show icons in gutter Show message in status bar Commands (13) Command Description
Total TypeScript - Visual Studio Marketplace
Total TypeScript VSCode Extension Learn more on our official docs page. Learn TypeScript from within your IDE. Get helpful hints on syntax, and get translations of TypeScript's most cryptic errors. Download the VSCode Extension
Quokka - JavaScript and TypeScript playground in your editor
Quokka.js runs JavaScript and TypeScript with instant feedback. Runtime values are updated and displayed in your editor next to your code, as you type. Quokka makes exploring, learning, and testing JavaScript / TypeScript blazingly fast. By default no config is required, simply open a new Quokka file and start experimenting. Focus on writing code instead of writing bespoke config files just to try
GistPad - Visual Studio Marketplace
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. GistPad 📘 GistPad is a Visual Studio Code extension that allows you to edit GitHub Gists and repositories from the comfort of your favorite editor. You can open, create, delete, fork and star gists and repositories, and then seamlessly begin editing files as if they were local, without ever cloning, pushing or pulli
Abracadabra, refactor this! - Visual Studio Marketplace
🧙 Abracadabra Refactoring (noun): a change made to the internal structure of software to make it easier to understand and cheaper to modify without changing its observable behavior. — "Refactoring: Improving the Design of Existing Code" by Martin Fowler With Abracadabra, you can quickly and safely refactor existing code in VS Code. VS Code ships with a few basic refactorings. Abracadabra superch
Easier browser debugging with Developer Tools integration in Visual Studio Code
If you’re debugging JavaScript in Visual Studio Code you probably have used either the Chrome Debugger or the Microsoft Edge Debugger extension. Neither are necessary any longer to debug as JavaScript debugging is now built-in to Visual Studio Code. This does not only mean that you can uninstall these extensions, but we also made debugging more convenient. To debug any project in either Chrome or
GraphQL Code Generator で生成したファイルが VSCode に反映されない問題
背景 GraphQL Code Generator を使うと GraphQL のスキーマから TypeScript のコードを生成してくれ型安全や補完の恩恵を受けて快適に開発ができるのですが、生成されたコードに対する import が VSCode 上でなかなか反映されないという問題があります。 生成したコードを開くか VSCode 自体をリロードすれば正しく認識してくれるためほんの数秒の手間なのでそこまで影響はないのですが、そのことについて README に書いたり新しく開発に関わるメンバーに「generated.ts 開いた？」という謎の初見殺しが発生してしまうことが問題でした。 （現在のプロジェクトでは monorepo で各パッケージ内の src/graphql/generated.ts にコード生成しています。） 対策 VSCode の設定の files.watcherExclu
VS Code の画面を共有するときはキー入力が見える「スクリーンキャストモード」を有効にしてみよう | DevelopersIO
VS Code の「スクリーンキャストモード」使ってますか？ スクリーンキャストモードとは 百聞は一見に如かず。 お分かりでしょうか。どのキーを入力したのかが一目瞭然です。マウスもクリック時には赤丸が表示されるのでどこをクリックしたかが分かりやすくなっています。（マウス押下時の黄色はスクリーンキャプチャソフトが付与したものです） スクリーンキャストモードは VS Code 1.31 January 2019 で搭載された機能ですが、意外と知らない人も多く、私自身この機能の名前がパッと出てこないこともあったので今回改めて紹介してみました。 https://code.visualstudio.com/updates/v1_31#_screencast-mode スクリーンキャストモードを有効にする デフォルトではショートカットキーは割り当てられていません。コマンドパレットから Develope
VSCodeのExplorerでフォーカスしているファイルを、ActiveなEditor Groupの隣に開く拡張を作った - $shibayu36->blog;
https://marketplace.visualstudio.com/items?itemName=shibayu36.open-to-other-editor-group こういう拡張を作ったので紹介。 困っていたこと VSCodeで開発している時に、今書いているコードの参考にするため別のファイルを開こうと思ったり、今の実装のテストファイルを開こうと思ったりすることがある。こういう時には毎回以下のどちらかを行っていた。 別のEditor Groupにフォーカスを移して「Go to File...」を実行 Explorer Viewにフォーカスを移してファイルを開いた後、別のEditor Groupでもう一度今見ていたファイルを開き直す これがめちゃくちゃ面倒だった。 Explorer Viewには「Open to the Side」というメニューコマンドもあるのだけど、これは一番端の
ダミーデータ作成のお供に！ VS Code 拡張機能「vscode-random」で人名やカラーコードなどを自動生成してもらおう！ | DevelopersIO
はじめに ダミーデータを作成しなければならないときってありますよね？ テストデータやサンプル画面を作るときに値をどうするか困ったことありませんか？ そういった悩みを VS Code で解決するための拡張機能が vscode-random です。 https://marketplace.visualstudio.com/items?itemName=jrebocho.vscode-random デモ （GitHub リポジトリより引用） 拡張機能としてはカーソル位置にランダムな値を挿入するという単純なものなのですが、VS Code のマルチカーソル機能と組み合わせることで非常に強力な体験を得ることができます。 名前やメールアドレスの項目がある JSON や YAML に対し、複数の項目にまとめて値を挿入して作り上げるのは気持ちいいこと間違いなし！ 対応コマンド コマンド 説明 生成例
GitHub Pull Requests - Visual Studio Marketplace
Review and manage your GitHub pull requests and issues directly in VS Code This extension allows you to review and manage GitHub pull requests and issues in Visual Studio Code. The support includes: Authenticating and connecting VS Code to GitHub and GitHub Enterprise. Listing and browsing PRs from within VS Code. Reviewing PRs from within VS Code with in-editor commenting. Validating PRs from wit
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Setting up a Rust development environment with Visual Studio Code - Human Who Codes
Preview.js - Instant preview of UI components and Storybook stories
JS Refactoring Assistant - Visual Studio Marketplace
Using console.log() debugging in Visual Studio Code | Christian Heilmann
GitHub - rikukissa/typehole: TypeScript development tool for Visual Studio Code that helps you automate creating the initial static typing for runtime values
🐤kazupon🐤 on Twitter: "最終的に1つに統合されていくんですが、Vue 2 向けには Vetur、Vue 3 向けには Volar という使い方がよいかと思います。ちなみにそれぞれの VSCode 拡張は VSCode の機能で workspace 毎に… https://t.co/lepWrlUvCZ"