win10下vue-devtools的安装和使用 (2)

win10下vue-devtools的安装和使用

 

 输入node -v    ,npm   -v可以查看刚才下载的node,npm的版本;注意不要忘记输入空格。

win10下vue-devtools的安装和使用

 

现在只是安装了npm,还有cnpm需要安装

 输入这个命令:      npm install -g cnpm --registry=https://registry.npm.taobao.org

win10下vue-devtools的安装和使用

输入:  cnpm -v  检查版本,

win10下vue-devtools的安装和使用

 

 

四、cnpm install,npm run build 等操作

 现在我们可以回到vue-devtool的下载了。。。。。。记得需要进入自己下载解压文件的位置

win10下vue-devtools的安装和使用

虽然我也不知道是在干啥,但是我知道应该是成功了:

win10下vue-devtools的安装和使用

时间有点长,需要耐心等一等。。。。

win10下vue-devtools的安装和使用

 

 

cnpm install操作完成后进行npm run build

win10下vue-devtools的安装和使用

 

 完成后显示:

win10下vue-devtools的安装和使用

 

然后进去到文件夹内,一定是shells下的chrome的manifest.json文件,

 

win10下vue-devtools的安装和使用

 

进入本地编辑器,做如下图修改,false   改成  true

win10下vue-devtools的安装和使用

 

五、扩展Chrome插件

打开chrome浏览器,打开设置>点击或者程序>点击开发者模式>加载已解压的扩展程序

win10下vue-devtools的安装和使用

win10下vue-devtools的安装和使用

win10下vue-devtools的安装和使用

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpyszj.html