icon 2018/06/07 [VSCode]機能拡張作成の準備
Yeoman を利用して VSCode の機能拡張を作成する。

nodebrew で node をインストール


$ nodebrew install v8.11.2

node のバージョンを指定


$ nodebrew list
v5.6.0
v5.7.0
v8.11.2
v10.4.0
$ nodebrew use v8.11.2

npm のアップデート


$ npm update -g npm

Yeoman インストール


$ npm install -g yo generator-code

Yeoman でプロジェクト作成(scaffold)


$ yo code
==========================================================================
We're constantly looking for ways to make yo better!
May we anonymously report usage statistics to improve the tool over time?
More info: https://github.com/yeoman/insight & http://yeoman.io
...
What type of extension do you want to create? (Use arrow keys)
❯ New Extension (TypeScript)
New Extension (JavaScript)
New Color Theme
New Language Support
New Code Snippets
New Keymap
New Extension Pack

機能拡張は「New Extension」を選択(JavaScript か TypeScript)
名称や作者など各設問に答えていくと、自動作成される。

主要ファイル構成


- メインプログラム
extension.ts
- 機能拡張の情報
package.json

パブリッシュ


実際に機能拡張をパブリッシュする場合は、vsce をインストールしておく。
npm install -g vsce

このサイトについて

HTML5 & CSS3化しつつあるので、現在IEには対応してません。
できれば、Google Chromeやら Apple SafariのWebKit系をお勧めします。

DBからプログラムまで一応全て自作なので、バグってたらすいません。
実験でFlash版(Flex版)を先に作りましたが、ちょっと停止してます。

プロフィール

新宿近辺でSE & プログラマーしてます。
Webアプリの開発・設計とか、最近はiPhoneとか奮闘してます。
デザインはさっぱりです。

音楽は、昔からCubase打ち込み人間で、そっちの方が経歴は長いですが、最近はやる暇がないです。。。

今は、Gon's Privates ってバンドのキーボードやってます。
単発的に、なんちゃってジャズ系のライブもやってます。

名古屋生まれなのでドラゴンズ好きです。

Info && SNS

Gmail

 yohei.yoshikawa@gmail.com

Twitter

 http://twitter.com/yoo_yoo_yoo

あんまつぶやきませんが、一応技術系メインで使ってます。情報交換はこちらへ

FaceBook

 http://www.facebook.com/#!/profile.php?id=1439130626

海外の知り合いがいないので閑散としてます。

mixi

 http://mixi.jp/show_profile.pl?id=230072

音楽仲間とかはこっちメインでやってます。興味があればこちらへ