こんにちは。インフルエンザはほぼ治りました shundroid です。もう 2017 年も終わりですね。 そこで今回は今年が終わる時点での、ぼくの Visual Studio Code の開発環境を紹介していこうと思います。多分これから変わることはないと思いますので・・。 コンセプトマウスを触らない もともとぼくは Vim というエディタで開発をしてきましたが、auto-complete とかを入れまくったら、重くなってしまい、ほかのエディタで Vim っぽくできないかと、Spacemacs や、Atom など試してきて、そこで一番高速で高機能な Visual Studio Code に落ち着 … Read More

追記！！ 2016/03/31Version 0.10.13 から、言語の変更が可能となりました。下の手順2 の、引数付きで起動（英語）にした状態で、Ctrl + Shift + P から「Configure Language」、locale.json が開くので、そこで言語を変更できます。参考 : https://github.com/Microsoft/vscode-docs/blob/vnext/release-notes/latest.md#localization こんにちはー。 ついに、VSCode が、日本語に対応したっぽいです！！リリースノートを見ると、v0.10.10 で、T … Read More

こんにちは。Visual Studio Code、使っていますか？ぼくはこのエディタが大好きです。 今回は、このエディタの Extension（＝プラグイン）の開発をしていきたいと思います。 ※ node.js が必要です！ 開発方法 TypeScript + Node.js でいけます。 ジェネレータは Yeoman でできています。 手順1: Yeomanを入れる。1$ npm install -g yo また、VSCode Extension generatorも入れます。 1$ npm install -g generator-code 手順2: ジェネレータを実行123456789 … Read More

ここで書いたように、VSCodeでは、TypeScriptで「Find Usages」という、WebStormとかで、変数、関数などがどこで使用できるかをプロジェクト内で検索し、表示してくれる機能がないと思っていました。 しかし、ありました！！！ VSCodeでは、Find All References というらしいです。 検索したい変数、関数などにカーソルを置き、Shift + F12 ！もしくは、右クリック→「 Find All References 」でもできます。 似ている機能で「Peek Definition」という、定義を吹き出しで表示してくれるものがあります。こちらのショート … Read More

こんばんは。 Visual Studio Code 使ってますかー！！ GitとTypeScriptの補完をプラグインなしでやってくれて便利です！ さて、今回はよく使っているショートカットキーと デフォルトにないけどよく使うショートカットキーを紹介します！ （ぼくはWindowsなのでCtrlになりますがMacだとCommandキーなのかな？） デフォルトにあるショートカットキーCtrl + Shift + Pコマンドパレットを開きます。超便利です。 Ctrl + Tab (エディタで)workbench.action.quickOpenNavigateNext らしいです。 VSCodeには … Read More