[转]VUE devTools 安装方法

为了安装Google 浏览器的 VUE 调试工具,我们可以在 https://devtools.vuejs.org/guide/installation.html 里点击安装

或者可以从 github.com 下载源码后手动编译并添加到 Google 浏览器的扩展中:

参考:https://blog.csdn.net/Vest_er/article/details/121185662

从 https://github.com/vuejs/devtools 找到仓库地址

在本地磁盘新建一个 devTools 目录后,在目录下 右键、 Git Bash Here, 使用以下命令行下载、编译、生成:

git init .
git clone https://github.com/vuejs/devtools.git

然后用 VS Code 打开这个文件夹后,在 VS Code 终端敲命令:

cnpm install

如果没有安装 cnpm  的,可以网上找一下 cnpm 安装方法,或者使用:

npm install

在生成时遇到错误,提示我 yarn 没有安装,使用以下命令安装:

npm install -g yarn
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

但还是报错 error TS5003: Module code generation 'es2015' not supported.,安装了 babel-preset-es2015 后问题依旧:

cnpm install babel-preset-es2015 --save-dev

还是不行,npm run build 依然在报这个错误。

又重新试了一下,参考以下两文章:

https://wenku.baidu.com/view/782ffe356ddb6f1aff00bed5b9f3f90f76c64d15.html

https://blog.csdn.net/u012881483/article/details/122042665

命令行输入:

yarn install

提示缺少 parse ,继续安装:

cnpm i parse -D

还是没效果,下次研究

posted on 2022-10-16 12:17  z5337  阅读(113)  评论(0)    收藏  举报