VUE-デベロッパーツールのインストールと使用

1、zipパッケージをダウンロードし、githubのダウンロードします。https://github.com/vuejs/vue-devtools

 

 

 2、フォルダを解凍します

3、コマンドプロンプトまたはコンパイラでこのフォルダを入力します。

4、(コマンドプロンプトで、コンパイラであってもよい)フォルダを実行するために:

  私は、NPMインストールに必要な依存関係をインストール

 IIは、ビルドのビルドを実行NPM(このステップは実行されない場合は、クロムフォルダの下に> shells-は、buildフォルダを失われます)

 

図5は、バックグラウンドでの永続的な変更は、真shells->クローム> manifest.jsonをファイルです

 

 図6は、Chromeブラウザの設定で見つかった - 開発者モードをオンにし、その後>拡張機能、および、直接シェルへのプラグインフォルダの下のクロムのファイルは、インストールを完了するために、拡張機能ページの開発モードを開きます。

 

 

 

 7、プラグインファイルのディレクトリに、実行NPMの実行DEV、これまでプラグインが正常にインストールされている、地元のローカルホストを開く:8080あなたは、プラグインが正常にインストールされ、実行されて見ることができます。

 

8、あなたはブラウザが正常にインストールされていVUE-デベロッパーツールを見ることができ、プロジェクトのVUEの友人をデバッグするために、ブラウザを使用することができ、他のChromeブラウザを使用してローカルプロジェクトを開きます。(この時点では、プラグインフォルダにNPM実行DEVを実行する必要はありません)

 

おすすめ

転載: www.cnblogs.com/kuangyunxia/p/11691059.html
おすすめ