本文目录一览：
怎么安装VUE的官方插件,vue-devtools。在控制台直接追踪查看vue的变化...
进入verder下的 Manifestjson ，修改persistent 为 true， 保存刷新浏览器扩展程序即可使用运行vue程序，即可在控制台中看到此调试工具vue devtools 在用vue做的网站上会变亮但不能查看其结构只有在本地运行的项目才。
在启动项目时候，打开谷歌浏览器控制台，可以防线在上面没有Vue选项出现。等待项目启动完毕。再次打开页面，这时候可以看见谷歌浏览器上面出现Vue按钮。
Github上的安装说明估计没有及时更新，版本一升级就容易导致问题出现；技术群里木有人谷歌百度搜索了好久，找不到一个解决的方案；特此，在解决了后，做个记录，预防其他安装此插件的同学掉坑出不来。
- 首先，安装vue-devtools扩展程序。- 启动Vue项目，然后在Chrome浏览器上打开开发者工具，进入Vue选项卡。- 在Vue选项卡下，你可以看到实时的性能监控信息，包括各组件的加载速度、渲染时间等。
通过学习这一章节，学生们可以了解Vue.js开发者工具的基本使用方法，能够更加高效地进行Vue.js项目的开发和调试。
怎样在电脑上安装vue
1、具体步骤如下：首先打开谷歌浏览器vue下载安装，在右上角找到“三个点”主菜单按钮并点击，在出现vue下载安装的列表中点击“更多工具”选项，在出现的第二个小列表中选择“扩展程序”并点击进入。
2、vue可以在电脑上操作的。从node.js的官网下载node.js，本次演示选择的是稳定版本。安装node.js，基本上是一路next，重点是要选择安装的位置，本次演示选择安装在E：\nodejs里。
3、右键点击 此电脑 或 计算机 图标，选择 属性。在左侧导航栏中选择 高级系统设置。在 高级 选项卡下，点击 环境变量 按钮。
4、将Vue 5 Esprit安装光盘放入光驱，此时出现安装界面，如图1所示。图1 安装界面 选择Install Vue 5 Esprit开始安装Vue 5 Esprit，此时出现Vue 5 Esprit的安装向导，提示安装Vue 5 Esprit，如图2所示。
vue项目搭建完整步骤?
在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。
）App.vue：根组件；5）main.js：入口js文件；static：静态资源目录，如图片、字体等。
步骤一： 可视化的形式创建vue项目： vue -V 。
（1）全局安装 vue-cli ，在命令提示窗口执行：cnpm install -g vue-cli安装vue-cli出现以上提示表示vue-cli正常安装成功，可以正式创建vue-cli工程项目了。
如何安装vue-cli脚手架
1、在没有Vue脚手架的时候，我们需要手动搭建webpack项目、手动去配置vue，现在有了Vue脚手架，我们就可以通过命令行的形式快速生成vue项目的基础架构。
2、需要先安装 node.js。 安装完node.js之后，npm也会自动安装。
3、本人测试vue-cli，使用的各个工具的版本，分别是node9webpack0、vue4。第一步，安装node.js。PS：我所使用的系统是win7的64位。PS：检测node.js是否安装成功，在命令行中输入node -v即可。
4、在命令行中输入 npm install -g cnpm --registry=http：//registry.npm.taobao.org 然后等待下载，大概2分钟。安装vue-cli脚手架构建工具 在命令行中运行命令 npm install -g vue-cli ，然后等待安装完成。
5、在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。