Vue devtool的多种安装方式

Posted 2021-08-05 coder斌

Vue devtools的安装

两种方式，主要将第二种，略微记录第一种。

第一种：通过Chrome网上应用店 进行Vue devtools的安装

第二种：通过Github上 Vue devtools的代码进行安装

• Vue devtools 仓库地址

  先将其克隆到本地
  

• 查看目录解构可知：使用 yarn进行包管理的。有 yarn的直接跳过下一步，没有的可以看下一步。

• 安装yarn。全局安装npm install yarn -g 局部安装： npm install yarn -D演示使用局部安装的。

• 安装依赖 npx yarn or npx yarn install，全局的yarn安装依赖去掉 npx

• 打包 npx lerna run build

• chrome浏览器

然后导入对应路径下面的 packages/shell-chrome 就安装完成了。