運行自己的vue文件,發現F12開發者模式下有安裝vue開發者工具的提示 方案一:直接提供 安裝鏈接 方案二:手動搜索 搜索即可 安裝好後就讓它顯示 那麼如何關閉這不中看的提示信息呢? 先根據API文檔的config內容,在控制台輸入如下的信息 再看看官方文檔的提示,也就是說明我可以在代碼調節為fa ...
運行自己的vue文件,發現F12
開發者模式下有安裝vue開發者工具的提示
方案一:直接提供
方案二:手動搜索
搜索即可
安裝好後就讓它顯示
那麼如何關閉這不中看的提示信息呢?
先根據API文檔的config內容,在控制台輸入如下的信息
再看看官方文檔的提示,也就是說明我可以在代碼調節為false
,那麼就不會再有vue-devtool
的安裝提示了,開發環境也說明是搭建完成了
測試代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript" src="js/vue.js"></script>
</head>
<body>
<script type="text/javascript">
//設置為 false 以阻止 vue 在啟動時生成生產提示。
Vue.config.productionTip=false
</script>
</body>
</html>
等等!雖然沒有vue.js提示了,可為什麼還有提示安裝Vue_devtool
的內容呢?
別急,這是因為我們在Edge瀏覽器上運行的文件並沒有允許我們的Vue_devtool
可以訪問我們的靜態資源文件。
允許它訪問URL即可
現在才看到我們的開發者模式乾乾凈凈了。