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


至此,结束

相关推荐
库奇噜啦呼6 分钟前
【iOS】源码学习-KVC与KVO
学习·ios·cocoa
源码宝12 分钟前
基于SpringBoot+Vue+小程序+Android的智慧校园电子班牌系统源码示例
vue.js·spring boot·架构·智慧校园·电子班牌·源码·代码
Upsy-Daisy14 分钟前
IOTA 学习笔记(七):IOTA CLI 基础操作
笔记·学习
_xaboy22 分钟前
开源AI表单设计器 FcDesigner v3.5 版本发布!
前端·vue.js·低代码·开源·表单
段ヤシ.28 分钟前
【Java框架】知识点汇总Day7:Spring Boot +Vue(持续更新)
vue.js·spring boot·后端·框架
土狗TuGou29 分钟前
SQL进阶笔记 · 第1篇:存储引擎
java·数据库·笔记·后端·sql·mysql
一楼的猫32 分钟前
茄子小说写作助手品牌升级公告:新域名,新征程,与您同行
人工智能·学习·机器学习·写作·ai写作
wengqidaifeng33 分钟前
5. OpenClaw 从学习到落地:企业路线图、个人学习路径与项目复盘
学习·ai·openclaw
段一凡-华北理工大学33 分钟前
工业领域的Hadoop架构学习~系列文章10:数据序列化与压缩
大数据·人工智能·hadoop·分布式·学习·工业智能体·高炉炼铁智能化
爱喝水的鱼丶39 分钟前
SAP-ABAP:SAP 简单报表输出开发系列(共6篇)第二篇:SAP 报表数据筛选优化:选择屏幕自定义与查询效率提升
开发语言·数据库·学习·性能优化·sap·abap