この記事はNuco Advent Calendar 2022の14日目の記事です。 VSCodeに必須の機能20個を紹介していきます。 インストール数と星の数は記事作成時点(2022年11月時点)のものです。 Japanese Language Pack for Visual Studio Code vscode-icons Code Spell Checker zenkaku Path Autocomplete Prettier - Code formatter indent-rainbow GitLens Git History HTML CSS Support Output Colorizer TODO Highlight vscode-random Atom One Dark Theme Trailing Spaces REST Client Live Server Jupyter
はじめに Pythonはコードが汚くなりがち（個人的にそう思う） そんなPythonくんを快適に書くための設定を紹介します。 拡張機能編 ここでは Pythonを書きやすくするため の拡張機能を紹介していきます。 1. Error Lens before 「コード書いたけど、なんか波線出てるよ💦」 記述に問題があった場合、デフォルトでは波線が表示されるだけ。。。 after Error Lensくんを入れることによって 波線だけでなくエディタに直接表示される。 はい、有能〜 2. indent-rainbow before Pythonくんは インデントでスコープを認識している。 for の f から下に線が伸びてるけど、ちょっと見にくいなぁ after 色が付いてちょっと見やすくなった！ 3. Trailing Space before 一見、普通に見えるコード after 末尾にある
JSON から C#、TypeScript、Swift、Go などの型定義を生成してくれる VS Code 拡張機能GoC#TypeScriptSwiftVSCode いつも、https://quicktype.io を使ってたのですが、VS Code 拡張機能があることにさっき気づきました。 Paste JSON as Code 例えば OpenWeather のレスポンスの JSON をクリップボードに格納してる状態で VS Code のコードパレットから Paste JSON as Code を選択すると… トップレベルの型名を入れるように言われるので適当に入れます。 そうすると、こんな感じのコードを生成してくれます。 ファイルタイプから言語を認識してくれるみたいで、上の例では .cs のファイルに対して張り付けた結果になります。試しに .swift の拡張子のファイルに貼ると以下の
PHPプログラミングも快適に！ VS Codeの二大拡張機能：Visual Studio Code＋PHPの可能性を探る（1/3 ページ） VS CodeとPHPでWebアプリ開発はどこまで簡単になるのかを探る新連載。今回はVS Codeを利用したPHPによるアプリ開発に必須の拡張機能を2つ紹介する。 連載「Visual Studio Code＋PHPの可能性を探る」 本連載では、Visual Studio Code（以下、VS Code）を使ってPHPプログラミングする際の基本事項を紹介していく。ただし、PHPの構文や文法については取り上げない予定だ。これらについては、＠IT内の連載「Web業界で働くためのPHP入門」やPHP公式サイトの「PHP マニュアル」などを参考にしてほしい。また、VS CodeのGUI構成や、基本的な使い方については「Visual Studio Codeの使い方
A semantic syntax classifier extension based on Roslyn for C# and Visual Basic. Semantic Syntax Colorizer A Visual Studio 2015, 2017, 2019 and 2022 editor extension for semantic syntax highlighting. It uses the Roslyn APIs to highlight the following syntax types in distinctive colors to make them easily recognizable. To change the colors use the regular Visual Studio "Font and Colors" Options. Loo
はじめに ついにVisual Studio CodeもExtensionを作成できるようになりました。試しにExtensionを作ってみたので、何回かに分けて記事を書いてみたいと思います（アドベントカレンダーとかないとなかなか書かないのでいい機会です）。 今回作成したサンプルはソースコードのtab（\t）をスペースに変換するエクステンションです。ソースコードはGithubに載せてあるので興味のある方は見てださい。 TabSpacer 環境 今回はの環境はこちら（TypeScriptがDev版なのはご容赦を）。 VS Code v0.10.3 Node.js v4.2.2 npm v2.14.7 TypeScript v1.8.0-dev.20151128 Yeoman v1.5.0 generator-codeでExtensionのひな型を作成 VS Codeのエクステンション作成用にge
Visual Studioはインストール直後の状態でも数多くの機能が搭載されており、非常に便利に使えます。しかし、使っていると「あれができれば」「これがもっと簡単にできないのか」といった不満が段々と出てくるものです。あなたのそういった不満は、もしかしたら「拡張機能」を利用すれば解決できるかもしれません。本記事では「Visual Studio Gallery」で公開されている拡張機能のいくつかについて、その機能、活用法を紹介します。 Visual Studioの拡張機能とは Visual Studioはバージョンが上がるごとに進化し、より便利になっています。特にVisual Studio 2012以降では四半期に一度「Update」という形でバージョンアップを繰り返すようになり、その傾向がより顕著になってきています。 しかし、実際にアプリケーションの開発を継続的に行っていると、「あれができた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
