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


至此,结束

相关推荐
OpenTiny社区7 小时前
🎨 看完 GenUI SDK 源码我悟了!
前端·vue.js·github
mqcode8 小时前
你项目里的 axios,封对了吗?从裸用到生产级的四步进化
vue.js·axios
Linsk10 小时前
组件 = 模板 + 业务逻辑
java·前端·vue.js
前端啊12 小时前
告别 el-table 打印难题,vue3-print-el-table 来了!
前端·vue.js
AprChell14 小时前
低代码设计器和低代码设计引擎架构综述
前端·vue.js·低代码
Ruihong14 小时前
🎉 VuReact 1.9.0 发布,支持 Vue 3.4 defineModel 编译到 React
vue.js·react.js·面试
英勇无比的消炎药14 小时前
TinyRobot 源码深度分析:OpenTiny 的 AI 对话组件库
前端·vue.js·github
行者全栈架构师1 天前
UniApp集成vk-uview-ui组件库详解:打造高效UI开发体验
前端·vue.js
Csvn1 天前
Vue 3 defineModel 翻车实录:多个 v-model 绑定到底怎么写?
前端·vue.js
Momo__2 天前
VueUse createReusableTemplate —— 单文件组件内的模板复用神器
前端·vue.js