Vue调试神器vue-devtools安装

手动安装

第一步：找到vue-devtools的github项目，并将其clone到本地. vue-devtools

git clone https://github.com/vuejs/vue-devtools.git

第二步：安装项目所需要的npm包

npm install //如果太慢的话，可以安装一个cnpm, 然后命令换成 cnpm install

第三步：编译项目文件

npm run build

第四步：添加至chrome游览器

游览器输入地址“chrome://extensions/”进入扩展程序页面，点击“加载已解压的扩展程序...”按钮，选择vue-devtools>shells下的chrome文件夹。

/**
*如果看不见“加载已解压的扩展程序...”按钮，则需要勾选“开发者模式”。
*/




原文地址：https://www.cnblogs.com/seven077/p/8493403.html
				


				
时间： 2024-11-10 09:25:41 

		


		


	

	
	

		


		
Vue调试神器vue-devtools安装的相关文章


						

		

			

                Vue调试神器vue-devtools 的安装
			

		

		

									

				Vue调试神器vue-devtools 的安装 问题:为什么要安装该插件: 答案 :因为vue是进行数据驱动的,仅仅从chrome浏览器的控制台进行element查看,是看不到数据的动向的. 未安装的情形: 浏览器的控制台会提示你: 下载vue DevTools扩展以获得更好的开发体验:(插件的GitHub地址:https://github.com/vuejs/vue-devtools) 您正在以开发模式运行Vue.当为生产部署时,一定要打开生产模式. 更多提示见 https://vuejs.o			

		

	

				

		

			

                chrome浏览器的VUE调试插件Vue.js devtools
			

		

		

									

				chrome浏览器的VUE调试插件Vue.js devtools 应用商店直接安装 安装成功后在VUE文件打开可以直接调试: 提示效果如下: F12进入调试状态即可: 安装中出现的问题: 插件安装后无法使用,出现vue.js not detected提示的解决办法 找到插件的安装目录: (可以通过id搜索ID:nhdogjmejiglipccpnnnanhbledajbpd) C:\Users\liangsuya\AppData\Local\Google\Chrome\User Data\Def			

		

	

				

		

			

                vue-devtools vue调试神器
			

		

		

									

				Vue调试神器vue-devtools安装 vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率.接下来我们就介绍一下vue-devtools的安装. chrome商店直接安装 vue-devtools可以从chrome商店直接下载安装,非常简单,这里就不过多介绍了.不过要注意的一点就是,需要FQ才能下载. 手动安装 第一步:找到vue-devtools的github项目,并将其clone到本地. vue-devtools git clo			

		

	

						

		

			

                Vue脚手架（vue-cli）安装总结
			

		

		

									

				单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序. 提供一个官方命令行工具,可用于快速搭建大型单页应用(SPA).该工具为现代化的前端开发工作流提供了开箱即用的构建配置.只需几分钟即可创建并启动一个带热重载.保存时静态检查以及可用于生产环境的构建配置的项目: 1 # 全局安装 vue-cli 2 ＄ npm install --global vue-cli			

		

	

				

		

			

                vue开发搭建（npm安装 + vue脚手架安装）
			

		

		

									

				一.概念 1.npm:  Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue-cli:   用户生成Vue工程模板.(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装) 原文:https://www.cnblogs.com/goldlong/p/8027997.html (部分步骤有些修改) 参考文:htt			

		

	

				

		

			

                内核调试神器SystemTap — 简介与使用（一）
			

		

		

									

				a linux trace/probe tool. 官网:https://sourceware.org/systemtap/ 简介 SystemTap是我目前所知的最强大的内核调试工具,有些家伙甚至说它无所不能:) (1) 发展历程 Debuted in 2005 in Red Hat Enterprise Linux 4 Update 2 as a technology preview. After four years in development, System 1.0 was relea			

		

	

				

		

			

                内核调试神器SystemTap — 探测点与语法（二）
			

		

		

									

				a linux trace/probe tool. 官网:https://sourceware.org/systemtap/ 探测点 SystemTap脚本主要是由探测点和探测点处理函数组成的,来看下都有哪些探测点可用. The essential idea behind a systemtap script is to name events, and to give them handlers. Systemtap works by translating the script to C,			

		

	

				

		

			

                Android 高效调试神器 JRebel
			

		

		

									

				相信大家应该都在使用 Android Studio 来开发 Android 了,如果你还没有的话,那么建议尽快迁移到 Android Studio 上来,而且 Google 前段时间刚刚宣布,已经彻底放弃对 Eclipse ADT 的支持.使用 Android Studio + Gradle 将会极大的提升你的开发效率,开发起来会更得心应手. 但是不得不承认 Android Studio 很吃内存,而且 Gradle 编译速度很慢,虽说有一堆 Gradle 编译优化的配置可以加速,但是效果不是很			

		

	

				

		

			

                【实战】Vue全家桶(vue + axios + vue-router + vuex)搭建移动端H5项目
			

		

		

									

				使用Vue全家桶开发移动端页面. 本博文默认已安装node.js. github链接 一.准备工作 安装vue npm install vue 安装脚手架vue-cli npm install -g @vue/cli 创建webpack项目 vue init webpack my-app 运行 cd my-app npm run dev 按照提示,在浏览器打开http://localhost:8082/,效果如下: 安装状态管理vuex npm install vuex --save-dev 目