Vueのを使用して、電子側のアプリケーションで最近やって、自然に電子のVue.jsデベロッパーツールプラグインのインストール(Windows環境)について詳細に説明デバッグツールを必要とし、
-
ChromeブラウザのプラグインがVue.jsにインストールされていることを確認してくださいすることはデベロッパーツール
のオープン拡張を
Vue.jsデベロッパーツールの拡張機能は、プラグインをインストールするかどうかを確認するために上記は、私は両方のクロームのプラグインのインストールを使用しているものです。、その後、プラグインを抽出した後、いくつかのオンラインの方法を使用し、解凍した拡張をロードし、その:クロームの最初のバージョンは、現在、いくつかの他の場所から直接ではなく、[「CRX_HEADER_INVALID」パッケージが無効です]ダイアログボックスが表示されますが、プラグインをダウンロードするにインポートされますあなたがソース・プラグインを見ることができる方法は、解凍のアドレスです。見ているが、Chromeウェブストアからインストールされている第二の方法は、実際にあるhttps://pictureknow.com/プラグインが、このサイトの拡張アプリケーションに直接インポートすることができますダウンロードし、Webサイトクロームプラグインからダウンロード。有用な付加ID情報が背後にここを参照してください、あなたはこの方法を使用することをお勧めします
-
コンピュータにVue.jsのデベロッパーツール取付位置を取得します。
場所にプラグクロムインストールすることをお勧めの方法は、以下の位置の内側にある私のパスであり、上方に設置 -
使用
BrowserWindow.addDevToolsExtension(extension)
APIこれは、電子の公式ウェブサイトで
BrowserWindow.addDevToolsExtension(extension)
、使用上のAPI、短期では、スプライスGET Vue.jsにAPI、プラグイン、導入路ノード上の図は、OSのモジュールが設計されているため、メインプロセスmain.js電子パス内のパラメータのみを使用することですここでパスをデベロッパーツール、およびIダイレクト絶対パス(シンプル)このとき与えられて、BrowserWindow.addDevToolsExtensionは関数ではありません、ああすべきではない、APIの公式サイトではない関数が文書を振り返った後、ああ、すべきではない提供しています。
そして、その場所のAPI呼び出しを変更します。
app.on(「準備」、のcreateWindow)命令はapp.readeyイベントは、ウィンドウイベントを作成するための呼び出しをトリガし、その後、我々はのcreateWindow BrowserWindow.addDevToolsExtension方法で書きます、その後、もう一度試して監視します。
成功!!!
- 概要
Chromeブラウザは、Vueのデベロッパーツールのプラグインをインストールしない場合は、行くhttps://pictureknow.com/ダウンロードしてインストール
Chromeはアドレス、BrowserWindow.addDevToolsExtension(「取得するには、プラグイン、プラグインをインストールここでプラグインのアドレスである」)アプリで記述された方法を。実行する準備ができた後に
最高の願いを