一、下载：Vue.js
二、下载：vue2.0-devtools
登陆不上谷歌商店的，建议从百度搜一下，有很多他人分享的，下载【vue-devtools.zip】，解压缩为文件夹。如果下载不了，也不愿意浪费时间，就在以下下载地址下载：
1、下载后，打开谷歌浏览器，按下图找到扩展程序
2、记得打开开发者模式 vue-devtools
3、点击【加载已解压的扩展程序】，选择【vue-devtools】文件夹
4、导入后，点击详情，设置一下
5、此时，右上解多了一个设置图标，点击后，就会看到 vue.js-devtools,点击【置顶】按钮，此时，V的状态按钮就出现了。
三、第一个Vue网页：HelloWorld
1、建一个文件夹【demo】，然后，把vue.js放进去，接着再写一个vue的html，在谷歌浏览器运行
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vue Hello World</title>
<!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
<script src="vue.js"></script>
</head>
<body>
<div id="app">
{{message}}
</div>
<script>
var app = new Vue({
el:'#app',
data:{
message:'Hello world'
}
})
</script>
</body>
</html>如果【V】是绿色的，并且，按F12，打开【开发者工具】后，有vue选项，就说明安装成功了！
三、 下载：vue3.0-devtools-6.0插件
登陆不上谷歌商店的，建议从百度搜一下，有很多他人分享的，下载【vue-devtools.zip】，解压缩为文件夹。如果下载不了，也不愿意浪费时间，就在以下下载地址下载：
打开谷歌浏览器的扩展程序， 
注意！注意！注意！注意！注意！
有时候会出现，关闭谷歌浏览器后，再打开，插件自动消失的问题。
请参照如下网址解决：
6501
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
