原作者のおかげで:https://www.cnblogs.com/alice-fee/p/8038367.html
セットアップ1:通常はオープンクロームショップ、検索vuejsデベロッパーツールのインストール可能にします。クロム://拡張/開発ツール-有効な拡張子。
インストール方法2(推奨): GitHubには、プラグインをダウンロードし、NPMパッケージは依存関係をインストールし、ブラウザ拡張をドラッグ
実行します。
1. Chrome拡張機能をダウンロードします。
githubののダウンロードには、地元、githubのダウンロードにアーカイブを解凍します。https://github.com/vuejs/vue-devtools
2. NPMインストール
ダウンロードが完了したら、VUE-デベロッパーツール・マスター・フォルダにコマンドラインcmdを開いて、
1. NPM、インストールの依存関係をインストールし、インストールが遅すぎる場合は、命令の最後で記事を参照してください。
2. NPM実行ビルド
NPMの実行ビルドを実行クロームで、意志のシェルのsrcファイル> JSファイルのフォルダが生成し、いくつかの上に示しました。
上記のコマンドエラーの実装は、バックグラウンドスクリプトを読み込むことができない場合は、以下のように、「/ background.jsを構築します」:
3.シェル>クロム> manifest.jsonをを開き、「永続的」でJSONファイルを置く:真にはfalse
4. 拡張クロームプラグイン
1.のChromeブラウザは、その他のツール]> [拡張機能を開きます。
2.にその後、展開の拡張機能をロード]をクリックし、シェル>クロムフォルダ
5、テストのインストールは成功しました
在插件的目录下执行npm run dev,这个时候我们的插件就可以运行了,打开localhost:8080可以看到插件已经安装并运行了。
方法3: 下载chrome插件安装包(.crx文件)离线安装(版本较低不推荐)
下载地址:http://www.cnplugins.com/devtool/vuejs-devtools/download.html
安装方法:http://www.cnplugins.com/tools/how-to-setup-crx.html
在chrome中新开一个TAB,输入:chrome://extensions/ 回车,打开应用管理器,可以看到之前安装的其他应用。将下载后的.crx文件,拖入即可安装。
另附:
1. 建议使用npm淘宝镜像安装依赖包地址:http://npm.taobao.org/
命令行安装npm淘宝镜像:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
之后我们就可以使用cnpm代替npm安装依赖包了
2. chrome插件网地址 http://www.cnplugins.com/, 有需要别的插件的可类似以上操作。