Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展,可以在浏览器开发者工具下调试代码。 1)首先在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools。 2)下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖,然后执行npm run build,编译源程序。 3)...
1. 下载vuedevtools工具,我在CSDN中上传了一份,可以下载(文章上面有提示下载)vuedevtools下载 2. 将下载好的工具解压放置到一个固定地方,保证以后不会误删。 3. 打开Google浏览器,进入浏览器工具菜单中,“更多工具” -->“扩展程序” 4. 打开“开发者模式”,然后加载已解压的扩展程序 5. vuedevtools扩展程序加...
在插件目录vue-tools下执行下面命令,这样插件就会安装在浏览器中了,以后再运行项目,就不需要再执行这个命令了。 npm run dev 验证 如果后期vue面板不出来,再到vue-devtools文件夹下执行一遍npm run dev。
1.进入github地址:https://github.com/vuejs/vue-devtools,下载解压到本地。 image.png 2.npm进入文件夹 请确认 Node版本是6以上和NPM版本3以上。 cd 文件夹路径 npm install npm run build 执行完后的结果如下图: image.png 3.在谷歌浏览器中输入chrome://extensions/打开扩展程序页面 image.png 点击加载已...
vue-devtools google扩展插件安装 步骤1:gitclone https://github.com/vuejs/vue-devtools.git npm install 步骤3:安装依赖完成 npm run build 步骤4:进入浏览器扩展
Click "load unpacked extension", and choose shells/chrome. 在插件目录vue-tools下执行下面命令,这样插件就会安装在浏览器中了,以后再运行项目,就不需要再执行这个命令了。 npm run dev 1. 验证 如果后期vue面板不出来,再到vue-devtools文件夹下执行一遍npm run dev。
1.从Github上将vue-devtool源码clone到本地(https://github.com/vuejs/vue-devtools) 注:仔细查看readme文档 2.执行yarn install安装依赖包,时间长短取决于网络环境 3.执行yarn run build构建,得到packages文件夹,里面的shell-chrome即为vue-devtool的chrome插件离线文件 ...
谷歌vue-devtools插件,帮助你vue开发快速调试。 安装chrome 浏览器,下面是下载链接 ,如果安装过跳过这一步。链接: https://www.google.cn/chrome/ 下载插件并保留,下面是下载链接 。链接:https://chrome.pictureknow.com/extension?id=d50143a5f53d406dbe992277bfc90521 不会的可以官网里的看安装教程哦...
步骤一:新建目录vue-devtools插件,用于存放下载的插件。 image.png 步骤二:打开终端,进入步骤一的目录 cd Desktop/vue-devtools插件 image.png 步骤三:将github上的vue-devtools克隆到新建的目录, gitclonehttps://github.com/vuejs/vue-devtools.git image.png ...
1.登录网址:http://www.crx4.com/ ---在搜索里查“谷歌访问助手” 2.显示出两个可用的插件 3.经测试只有“iGG谷歌访问助手”可用 4...