尚硅谷vue2-vue3笔记（谷歌安装开发者工具、Open with Live Sever

一、谷歌安装开发者工具

1、点击右上角三个点

2、点击扩展程序

3、把右上角的开发者模式打开

4、把下载的vue.crx文件直接拖过去浏览器窗口就可

下载开发者工具：

链接：https://pan.baidu.com/s/1PyvFotHJHxEm1yn3XU-kCg?pwd=9d2b
提取码：9d2b

二、Open with Live Sever

1、在原始的文件夹页面直接在代码页右击Open with Live Sever，会出现报错404

2、是因为在页面右击打开Open with Live Sever 打开网页看内容时，会默认打开内置服务器5500（这个小的服务器是电脑自己设置默认给了一个小服务器，把当前文件夹的所有内容都放在这个服务器里面）

3、随便拉入一个图片把名字改为favicon.icn即可（看弹幕说改为后缀.icn就可以不知道是不是真的）

4、这样404就不会了，会把网页的图标显示出来（就是刚拉入的图片），刚刚那个404是因为找不到图标

三、阻止 vue 在启动时生成生产提示

1、引入vue.js

2、把productionTip改成false

（代码参考二的图）

总结今日份代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>初识vue</title>
  <!-- 引入vue -->
  <script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
  <!-- 准备好一个容器 -->
   <div id="root">
    <h1>hello</h1>
   </div>

  <script type="text/javascript" >
    Vue.config.productionTip=false //阻止 vue 在启动时生成生产提示。
  </script>
</body>
</html>