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 分钟前
从LeetCode入门位运算:常见技巧与实战题目全解析
数据结构·数据库·c++·笔记·算法·leetcode·牛客
talen_hx29621 分钟前
《零基础入门Spark》学习笔记 Day 16
笔记·学习·spark
梦想CAD控件22 分钟前
在线CAD开发包图纸转换功能使用指南
前端·javascript·vue.js
费曼学习法22 分钟前
虚拟 DOM 的 Diff 算法:Vue/React 如何实现高效更新
javascript·vue.js
前端那点事32 分钟前
前端必看!console 调试不只有 log,这 8 个技巧省一半调试时间
vue.js
kobesdu34 分钟前
【ROS2实战笔记-3】RViz2图形底层与调试暗坑
笔记·机器人·ros·rviz
OpenTiny社区42 分钟前
多端开发头疼?TinyVue 3.30 一招搞定,AI还帮你写代码!
前端·vue.js·github
咬_咬1 小时前
go语言学习(map)
开发语言·学习·golang·map
克里斯蒂亚诺·罗纳尔达1 小时前
智能体学习21——知识检索(RAG)
人工智能·学习·ai
Jackyzhe1 小时前
从零学习Kafka:认证机制
分布式·学习·kafka