Vue框架学习笔记——Vue框架的安装

文章目录


摘要

本文主要介绍如何搭载vue的开发环境。通过下载vue的开发者版本,在通过下载开发者调试工具消除警告

下载生产版本的Vue.js

观看vue2文档,点击左侧的安装,点击生成版本下载(包含完整的警告和调试).

如果vue的代码编写完全后,项目搭建的时候,需要使用生产版本。

然后将下载的生产版本的vue.js移动到项目的本地目录中,使用相对地址引用文件

当引入vue的时候,全局就多了一个Vue的构造函数

可以在控制台中输入Vue验证是否引用成功

消除第一个警告,安装开发者工具

在浏览器的应用商店中安装vue的开发者工具可以消除第一个警告(要魔法)

如果安装后仍然无法消除,打开该拓展的详情,允许该拓展访问文件网址即可

消除第二个警告

方法一:

在代码的body中添加代码:

xml 复制代码
<script type="text/javascript">
Vue.cofig.productionTip = false
</script>

方法二:

如果添加完,仍然有这个提示,可以打开vue.js中直接修改productionTip,将其改为false


至此,结束

相关推荐
阿懂在掘金14 小时前
早点下班(Vue2.7版):旧项目也能少写 40%+ 异步代码
前端·vue.js·开源
一只叁木Meow14 小时前
Skills:让通用 AI 秒变"领域专家"
vue.js·人工智能
李剑一15 小时前
超实用!数字孪生 Cesium 园区 3D 模型加载,一次学会的保姆级教程
前端·vue.js·cesium
wuhen_n15 小时前
动态组件与 keep-alive:如何优化页面切换体验与性能?
前端·javascript·vue.js
wuhen_n15 小时前
插槽的作用域与分发:如何让组件更灵活、可定制?
前端·javascript·vue.js
橙某人1 天前
LogicFlow 小地图性能优化:从「实时克隆」到「占位缩略块」!🚀
前端·javascript·vue.js
boooooooom1 天前
讲清 Proxy + effect + track/trigger 流程
javascript·vue.js·面试
leafyyuki1 天前
在 Vue 项目中玩转 FullCalendar:从零搭建可交互的事件日历
前端·javascript·vue.js
星_离1 天前
《Vue 自定义指令注册技巧:从手动到自动,效率翻倍》
前端·vue.js
光影少年1 天前
Vue的响应式原理?Vue2和Vue3有什么区别?
前端·vue.js·掘金·金石计划