搭建Vue的开发环境,Edge浏览器安装VUE拓展工具

一、在下载vue.js文件 

在vue官网中下载开发版本的vue.js文件-->  安装 — Vue.js (vuejs.org)

搭建Vue的开发环境,Edge浏览器安装VUE拓展工具_第1张图片

二、将vue.js导入到项目中

搭建Vue的开发环境,Edge浏览器安装VUE拓展工具_第2张图片 这时候我们运行项目控制台会抛出两个错误

搭建Vue的开发环境,Edge浏览器安装VUE拓展工具_第3张图片 三、安装拓展工具

这里以Edge浏览器为例,其他浏览器上可在拓展管理商店中下载

进入Edge的拓展管理商店,下载Vue.js devtools --> Microsoft Edge 加载项 - VUE

搭建Vue的开发环境,Edge浏览器安装VUE拓展工具_第4张图片

搭建Vue的开发环境,Edge浏览器安装VUE拓展工具_第5张图片

下载完成过后进入管理拓展

搭建Vue的开发环境,Edge浏览器安装VUE拓展工具_第6张图片

点击VUE开发者工具的详细信息,对其进行配置

搭建Vue的开发环境,Edge浏览器安装VUE拓展工具_第7张图片

搭建Vue的开发环境,Edge浏览器安装VUE拓展工具_第8张图片

四、关闭VUE在启动时的生产提示

在script标签中配置如下信息,即可关闭生产提示

Vue.config.productionTip = false;  // 阻止VUE在启动时生成生产提示

搭建Vue的开发环境,Edge浏览器安装VUE拓展工具_第9张图片

以上配置完成后控制台将不再弹出警告 

搭建Vue的开发环境,Edge浏览器安装VUE拓展工具_第10张图片 

你可能感兴趣的:(Vue,vue.js,前端,javascript)