windows下载安装vue开发者工具(vuedevtools)

小花皮猪 小花皮猪     2022-11-29     154

关键词:

前言

vue开发者工具可以帮助我们提高开发效率,如果不安装控制台老是现在这些东西,对我这种强迫症患者来说痛苦至极,下面我就介绍下我的安装步骤

下载安装

首先进入vue官网找到如下位置

然后就会进入github主页,这个地方有几个地方需要注意

1 我们要用的是谷歌,所以要下载谷歌浏览器使用的

2 我们要点击第一个(这个是vue2.0的),如果点击后面的就是vue3.0的


但是我们国内访问谷歌应用商城比较困难

所以我们换种方式,通过其他路径下载vue.js.devtools

我这里采用极简插件 网址:https://chrome.zzzmh.cn/index#/index

输入 vue.js.devtools并访问

点击推荐下载

下载到本地解压缩

然后把这个文件移动到谷歌插件里面,前提是要开启开发者模式

点击详情

需要开启一些权限,有的权限是默认不开启的,需要我们手动开启

首先肯定是要让插件启动的

然后是这两个

这样就可以了,重新访问我们的页面,查看控制台,第一个警告消失了,证明vue.js,devtools插件生效了!

有的人可能会问,为什么这个插件不亮呢,我们现在一行vue代码都没写,还没生效呢,后面随着代码的到来就会亮起来

比如这是我现在写的一个demo,如果有vue代码的话,就会亮起来的

结尾

安装的路子有很多,我这只是其中一条

不同的版本功能也会有大大小小的不同,有时候可能不是你的开发者工具坏了,而是版本不一致

vue安装开发者工具

一、下载开发者工具到本地百度网盘链接:链接提取码:GHUI二、安装   查看详情

vue安装开发者工具

一、下载开发者工具到本地百度网盘链接:链接提取码:GHUI二、安装   查看详情

vue开发者工具vue-devtools-4.1.4_0.crx谷歌插件下载及安装

网盘地址:https://pan.baidu.com/s/14PoaihUHQZEJtiHNWUmdjg下载好后谷歌浏览器中扩展程序,开启开发者模式,将下载的文件拖到窗口中即可然后重启浏览器就可以看见了  查看详情

windows系统搭建vue开发环境(代码片段)

 1.首先去node.js官网下载对应nodehttps://nodejs.org/en/download/ 2.双击下载的安装包,一路默安装,傻瓜式操作,下一步,下一步3.安装完打开cmd,输入node-v,如果安装成功会显示对应的版本node版本号4.安装淘宝镜像npminstall-gcnpm--... 查看详情

win10下搭建vue开发环境(代码片段)

特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图:  详细的安装步骤如下:一、安装node.js说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续... 查看详情

《java周边》vue开发环境搭建(windows)

1.NodeJs安装包下载百度云:链接:https://pan.baidu.com/s/169TdKRLZd0dXbKSGTr8evw提取码:th4a复制这段内容后打开百度网盘手机App,操作更方便哦官网:http://nodejs.cn/download/2.安装Node.js下载完毕后,可以安装node,建议不要安装在系统盘(如C:... 查看详情

java开发环境搭建:windows

Java开发环境搭建:WindowsJDK下载安装JDK下载设置环境变量测试是否安装成功开发工具下载安装:IdeaIdea下载Idea安装Idea开发JAVAJDK下载安装JDK下载JDK官网下载点这里根据自己的电脑操作系统选择JDK的安装包。需要记住安装位置,后... 查看详情

vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决(代码片段)

....baidu.com/s/19GWDS_7GodIdFBUO0eTDAg提取码:2yvc一、vue.js插件下载下载地址:vue.js插件下载;点击进入Vue官网即可下载,共有两种版本的插件(开发版本:vue.js,生产版本:vue.main.js),建议使用开... 查看详情

window下搭建vue.js开发环境

一、安装node.js。https://nodejs.org/en/download/ 最新包会自动安装npm二、安装完node之后,npm包含的很多依赖包是部署在国外的,在天朝,大家都知道下载速度是超级慢啊。所以我们要安装cnpm,cnpm是淘宝对npm的镜像服务器,这样依... 查看详情

vue3简介——升级vue的版本vue2.9.6升级到vue3.0——创建vue3.0工程-——vue3_devtool开发者工具的下载安装(代码片段)

...1.使用vue-cli创建2.使用vite创建关闭eslint语法检查vue3_devtool开发者工具的下载安装1.Vue3简介 查看详情

如何用adk制作win10pe

制作Windows10系统PE启动盘教程第一步:下载、安装WindowsADK百度搜索输入:微软开发人员资源ADK下载,点击:WindowsADK下载-Windows硬件开发人员中心;在微软开发人员资源ADK下载页面,点击:获取适用于Windows10版本1607的WindowsADK;下... 查看详情

vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决(代码片段)

....baidu.com/s/19GWDS_7GodIdFBUO0eTDAg提取码:2yvc一、vue.js插件下载下载地址:vue.js插件下载;点击进入Vue官网即可下载 查看详情

java开发环境配置(windows篇)

window系统安装java 下载JDK首先我们需要下载java开发工具包JDK,下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html点击下载按钮 ,当前为主新版本,点击之后跳转到此页面 授权许可的那个圈要点,才能下载... 查看详情

windows环境搭建vue开发环境(代码片段)

一、安装node.js(https://nodejs.org/en/)               下载完毕后,可以安装node,建议不要安装在系统盘(如C:)。 二、设置nodejsprefix(全局)和cache(缓存)路径1、在nod 查看详情

windows下搭建vue开发环境

...2016年,Vue同Angular、React形成三足鼎立的局面,让前端的开发者顾不暇接,今天我们就来了解一下Vue的环境搭建。一、node.js安装Vue项目通常通过webpack工具来构建,而webpack命令 查看详情

前端开发工具vue3devtools安装

...于vue2版本,更快、更小、更易维护、更易于原生、让开发者更轻松;所以学习vue3,对于一个前端开发者来说是一个刻不容缓的学习趋势。学习vue3自然也离不开debug啦~~Vue官方发布了调试工具Vue-Devtools。VUE3的Vue-Devtools... 查看详情

vue开发工具vscode插件安装及调试

1.vue的开发工具VisualStudioCode下载链接:进入vscode官网(https://code.visualstudio.com/Download)2.选择下一步安装,我接受协议,选择安装位置,将打开方式添加到鼠标右键菜单上(勾选“其他”中的第一选项),继续点击下一步,完成... 查看详情

vue.js——安装

...包管理工具,所以要下载node。二、安装命令行工具  Windows系统需要安装一个命令行工具,可以用git。三、安装vue  1、建一个文件夹存放你的vue项目,在当前文件夹下右键,选gitbashhere; 查看详情