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


至此,结束

相关推荐
智者知已应修善业1 分钟前
【51单片机非精准计时2个外部中断启停】2023-5-29
c++·经验分享·笔记·算法·51单片机
仲芒3 分钟前
[24年单独笔记] MySQL 中的简单查询搜索示例
笔记·mysql
Oll Correct4 分钟前
实验十六:路由环路问题
网络·笔记
我登哥MVP14 分钟前
【Spring6笔记】 - 12 - 代理模式
java·spring boot·笔记·spring·代理模式·aop
我命由我1234519 分钟前
U 盘里出现的文件 BOOTEX.LOG
运维·服务器·经验分享·笔记·学习·硬件工程·学习方法
Gary Studio23 分钟前
ZVS原理
学习
weixin_5134499626 分钟前
EXTREME-PARKOUR项目学习记录
人工智能·学习·算法·机器人
zopple29 分钟前
PHP与Vue.js:前后端开发的完美搭档
开发语言·vue.js·php
九成宫33 分钟前
IT项目管理期末复习——Chapter 5 项目范围管理
笔记·项目管理·软件工程
呱呱巨基44 分钟前
网络基础概念
linux·网络·c++·笔记·学习