コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > vue-devtoolsのインストール方法

vue-devtoolsのインストール方法

php中世界最好的语言
リリース： 2018-06-02 11:42:48
オリジナル
1687 人が閲覧しました

今回は、vue-devtoolsのインストール方法と、vue-devtoolsインストール時の注意事項を紹介します。以下は実際のケースです。

最初のステップ

vue-devtools をローカルの

git クローンにクローンしますhttps://github.com/vuejs/vue-devtools.git

第 2 のステップ

vue-devtools ディレクトリ内依存パッケージをインストールする

cd vue-devtools
npm install
ログイン後にコピー
ステップ 3

コードをコンパイルする

npm run build
ログイン後にコピー

ステップ 4

vue-devtools/shells/chrome/manifest.<a href="http://www.php%20.cn%5D%20%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B/wiki/1488.html" target="_blank">json<p style="text-align: left;"> </p></a> ファイル、persistent を true に変更しますvue-devtools/shells/chrome/manifest.<a href="//m.sbmmt.com/wiki/1488.html" target="_blank">json</a> 文件，将 persistent改成 true

 

第五步

打开chrome，输入 chrome://extensions/

ステップ 5

Chrome を開き、chrome://extensions/ と入力して Chrome 拡張機能の設定ページに入ります

開発者モードを開きます右上隅にある

クリックして解凍した拡張機能をロードし、vue-devtools/shells/chromeを選択します

注: ファイルURLへのアクセスを許可するにはチェックを入れます

この時点で、vue- devtoolsのインストールが完了しました。お楽しみください!

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨書籍:

vue 計算プロパティとメソッド リスナーの使用方法

🎜🎜モバイルで vue2.0 を操作してプルダウン更新とプルアップ読み込みを実装する方法🎜🎜🎜

以上がvue-devtoolsのインストール方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
インストール 行為
ソース：php.cn
前の記事：VUEX互換IEでのエラー問題の解決方法（詳細チュートリアル） 次の記事：Vue コンポーネントを使用してポップアップ ウィンドウ関数を実装する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
テンプレートのメソッドで定義された変数の使用 Vue (v3 ではなく v2) を使用するのは初めてで、テンプレート内 (メソッド内で定義された) で変数を使用しようとしています。私の簡略化されたコード: <templa...
から 2024-04-06 18:10:25
0
2
513
ログインせずに Firebase を使用して Vue でユーザーを作成する ユーザープロフィールを作成するフォームを作成しました。しかし、ユーザーを作成するたびに問題が発生します。ログインおよびログアウトしたユーザー。この問題の解決にご協力ください。 co...
から 2024-04-06 14:20:12
0
1
514
React でスリーステート スイッチングを実装する最良の方法は? React で、ある状態から次の状態への状態変更をトリガーするボタンをいくつか作成しています。ボタンの中には、列挙型で表される 3 つの状態を持つものもあります。これら 3 つの状...
から 2024-04-06 13:51:32
0
1
418
Vue3 Webコンポーネントのプロダクションビルドの問題を解決する vue2web コンポーネントを vue3 に移行しようとしていますが、運用用のビルドを作成するときに問題が発生します。 --targetwc を指定して vue-cli を使用し...
から 2024-04-06 12:43:37
0
1
473
vue vee-validate は日付ピッカーの選択の問題をキャプチャします datepicker フィールドの v-model バインディングが正しく機能しません。選択を行うと、画面上でライブ更新されますが、値は formValues リアクティブ オブジ...
から 2024-04-06 11:38:56
0
1
510
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート