vue学习记录(一)—— vue开发调试神器vue-devtools安装
网上有些贴子少了至关重要的一步导致我一直没装上, 切记!!install后还需build,且install和build都在vue-devtools文件夹内执行
github下载地址 点击跳转
具体步骤:
第一步:找到vue-devtools的github项目,并将其clone到本地 vue-devtools
git clone https://github.com/vuejs/vue-devtools.git
第二步:安装项目所需要的npm包(进入vue-devtools编译项目文件目录,很重要!!)
建议使用npm淘宝镜像按照依赖包。地址:http://npm.taobao.org/
推荐阅读文章:国内优秀npm镜像推荐及使用
命令行安装npm淘宝镜像:
cd vue-devtools
$ cnpm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install
第三步:开始编译项目文件(使用的淘宝镜像就用cnpm!!!建议用此镜像,npm会出现各种问题)
cnpm run build
第四步:打开shells>chrome>src>manifest.json并把json文件里的 "persistent":false改成true
第五步:打开chrome浏览器扩展工具
点击开发者模式;
直接将shells——chrome文件夹直接拖到浏览器中就可以了,大功告成。
学习vue迈进了小小一步,你很棒哟!