GoogleにVUE-デベロッパーツールブラウザプラグインのインストール方法

原作者のおかげで: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/, 有需要别的插件的可类似以上操作。

おすすめ

転載: www.cnblogs.com/adongyo/p/11233762.html
おすすめ