最新バージョンの vue-devtools を一度に Chome にインストールします

この記事では、Chome に最新版の vue-devtools をインストールする方法を紹介します。一定の参考値があるので、困っている友達が参考になれば幸いです。

#準備

$ node -v       # v14.16.0
$ npm -v        # 6.14.11
$ yarn -v       # 1.22.10
$ git --version       # git version 2.31.0.windows.1
$ code -v       # 1.55.1 x64

具体的な手順

# 1. 克隆 Git 库到本地
    $ git clone git@gitee.com:mirrors/vue-devtools.git 
# 2. VSCode 打开文件夹
    $ code ./vue-devtools/
# 3. 用 yarn 初始化项目
    $ yarn install
# 4. 用 yarn 编译
    $ yarn run build

Chrome 拡張機能 (chrome://extensions/) を開き、開発者モードを有効にします:

解凍された拡張機能のプログラム ボタンをクリックしてロードし、選択しますポップアップ ダイアログ ボックスの次のフォルダー: vue-devtools/packages/shell-chrome/

6. 

これで完了です。

注意事項

イメージは GitHub 上の vue-devtools と同期されるため、Gitee リポジトリを使用することをお勧めします。後で更新バージョンがあった場合は、同時に再コンパイルされるだけなので、なぜでしょうか?

1. 公式ドキュメントによると、この方法はノード 6 と NPM 3 の手動コンパイルとインストールに適しています。
推奨学習:

vue チュートリアル

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