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


至此,结束

相关推荐
Cdlblbq10 分钟前
搜索会员中心 创作中心Vue2项目一键打包成桌面应用
前端·javascript·vue.js·electron
大学生小郑39 分钟前
如何定义图像质量,如何评价图像质量
图像处理·学习·音视频·视频
三品吉他手会点灯1 小时前
C语言学习笔记 - 9.C概述 - 常见问题答疑
c语言·笔记·学习
网络工程小王1 小时前
【hermes多智能体协作】个人学习笔记
笔记·学习·ai·智能体·hermes
A_nanda1 小时前
vue实现后端传输逐帧图像数据
前端·javascript·vue.js
Star Learning Python1 小时前
20260422-《我不擅长的生活》
笔记·生活
Fanfanaas1 小时前
Linux 系统编程 进程篇(五)
linux·服务器·c语言·网络·学习·进程
Amazing_Cacao2 小时前
品鉴师体系闭环:拒绝刻板记忆,打磨具备强悍迁移性的底层判断语言
笔记·学习
yi.Ist2 小时前
2025CCPC郑州邀请赛
c++·学习·算法·acm
当时只道寻常2 小时前
Vue3 集成 NProgress 进度条:从入门到精通
前端·vue.js