关于vue-devtools的自编译2020.03.01

标题前言

不知道网上很多信息和资料，找来时，会不成功，浪费很多时间。主要是这也不差包，那个不正常，折腾了两天，终于明白返璞归真，才是少走弯路的基础。从哪里下载，一般都有详细的描述如何使用和配置，当然是英文，一看就头大，所以才有了捷径，找中文，而中文呢，应该都是先驱者，N年前写的内容，比如GOOGLE在67后，无法用拖动的方式完成插件的安装等等。当然走了一圈，收获还是有的，比如CNMP，差什么补什么，就是报错或WARN警告，也有了一个相对的了解。

有编译好的直接拿去用。地址是https://download.csdn.net/download/r87405705/12203647，点这里前往

自编译获取VUE-devtools

来自原网址上的内容，其实静下心来看，也简单：https://github.com/vuejs/vue-devtools
Manual Installation
This is only necessary when you want to build the extension yourself from source to get not-yet-released features.
Make sure you are using Node 6+ and NPM 3+

1. Clone this repo
2. cd vue-devtools the newly created folder
3. run yarn install
4. then run yarn run build
5. Open the Chrome extension page (currently under Menu > More Tools >
6. Extensions) Check “developer mode” on the top-right corner
7. Click the “load unpacked” button on the left, and choose the folder:
   vue-devtools/packages/shell-chrome/
8. Alternatilvely to step 3, you can also use yarn dev:chrome to build
   & watch the unpacked extension
   除了第一步下载外，就是解压就可
   但第三步，YARN，就是一大环境一大步，但按下面步骤来，很简单：
   Yarn是facebook发布的一款取代npm的包管理工具。当然，你不在于，非要用npm，就绕道网上找，因为官网现在已定位成YARN上，何时开始有兴趣的去找去研究，但我这里要说的是今天是2020.03.01。后期换成什么工作，不知道，但看此文的思路不变，不是去官网看步骤即可。
   yarn的安装:

 下载node.js，使用npm安装

npm install -g yarn
查看版本：yarn --version

安装node.js,下载yarn的安装程序: 

提供一个.msi文件，在运行时将引导您在Windows上安装Yarn

Yarn 淘宝源安装，分别复制粘贴以下代码行直接粘贴到到DOS黑窗口运行即可 

yarn config set registry https://registry.npm.taobao.org -g
yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

接续描述

3、4、5、6、7按要求做即可，简单，照做即可，一定是从头来，我开始也试试过，那是NPM,CNPM多种处理后，即命令行不停的
以下是几步的信息。前两天网上采用npm出错的，就不截图了，网上一堆。

1.到源代码目录下执行 yarn install 命令

2. 执行 yarn run build 命令

打开 Chome 的 Extensions

D:\Tools\vue-devtools-dev\packages\shell-chrome