AngularJS2テンプレートはプラグインWebStormを使用しています

2017020346412banner2.png

角度の公式ドキュメントのスタイルガイド統一されたスタイルを実現するためにIDEを使用してテンプレートを述べたが、IDE内WebStormので、オンライン検索関連情報を言及していません。

プラグインをインストールします。

参照する2つのコードヒントは、プラグインをインストールWebStorm、最新の2016 AngularJs

設定やパフォーマンス(MacOSの)の左webstormプラグインオプションを選択し、[参照リポジトリをクリックしてください。

20170203444972017-02-03_19-32-37.png

検索ボックスの検索アンギュラ2つの活字ライブテンプレートでは、[インストール]をクリックします、あなたはインストール後、再起動webstormの再起動を促すメッセージが表示されます。

あなたのコンピュータ上でプロキシを設定する場合は、[自動検出、HTTPプロキシ設定の左下隅にプロキシ設定をクリックし、それをダウンロードしてください。

プラグインを使用します

アンギュラ2つの活字ライブテンプレート(スニペット) WebStormのための指示にgithubの上、私はこのデモの指示を見てください。

活字体スニペット

以下の手順については、活字体のプラグイン:

大きな箱   AngularJS2テンプレートプラグインWebStormは、使用 ボディを>
1 
2
3
4
5
6
7
8
NG2成分ルート//角度2ルートアプリケーションコンポーネント
main.tsのためNG2ブートストラップ//角度2ブートストラップ、
NG2成分//角度2成分
NG2パイプ//角度2パイプ
NG2-ルート//角度2 @Routes
NG2-ルートパス//角度2のルーティングパス
NG2-サービス//角度2サービス
NG2-購読//角度2観察できるサブスクリプション

命令は、コマンドはデフォルトを生成し、適切なテンプレートを選択するように要求されます。

HTMLスニペット

角度のプラグインは、以下のコマンドを促さ:

1 
2
3
4
5
6
7
NG2-ngClass 
NG2-ngFor
NG2-ngIf
NG2-ngModel
NG2-routerLink
NG2-ngStyle
NG2-ngSwitch

おすすめ

転載: www.cnblogs.com/wangziqiang123/p/11697027.html