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


至此,结束

相关推荐
潇冉沐晴4 小时前
div2 1052 个人补题笔记
笔记
立志成为大牛的小牛5 小时前
数据结构——四十一、分块查找(索引顺序查找)(王道408)
数据结构·学习·程序人生·考研·算法
岁月宁静5 小时前
AI 多模态全栈应用项目描述
前端·vue.js·node.js
蒙奇D索大5 小时前
【计算机网络】[特殊字符] 408高频考点 | 数据链路层组帧:从字符计数到违规编码,一文学透四大实现方法
网络·笔记·学习·计算机网络·考研
遇印记5 小时前
蓝桥java蜗牛
java·学习·蓝桥杯
格鸰爱童话5 小时前
next.js学习——react入门
学习·react.js·node.js
njsgcs5 小时前
tekla 使用笔记 切管 分割指定长度的管
笔记·tekla
B0URNE5 小时前
【Unity基础详解】Unity3D全程学习路线
学习·unity·游戏引擎
han_6 小时前
前端高频面试题之Vuex篇
前端·vue.js·面试