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 分钟前
Linux 9:GCC编译全流程详解
linux·运维·服务器·c语言·笔记·编辑器·vim
HWL56792 分钟前
Vue Router中,传递参数的几种方式
前端·javascript·vue.js
pass_port_csdn9 分钟前
zotero搬家,迁移换机/重装100% 完美克隆指南:文献PDF、插件配置、文献分类、标签、笔记等所有信息全克隆
笔记·pdf·zotero
Eiceblue16 分钟前
Vue文档编辑器(Word默认功能)示例
前端·vue.js·word
星期五不见面17 分钟前
嵌入式学习!(一)C++学习-STL(21)-26/1/27
开发语言·c++·学习
知识分享小能手18 分钟前
Oracle 19c入门学习教程,从入门到精通,Oracle系统调优 —— 内存结构与参数优化详解(15)
数据库·学习·oracle
weixin_4407305019 分钟前
04python编程笔记-06文件+07异常+08模块导入+09unittest框架
笔记·python
??(lxy)19 分钟前
GIT使用学习
git·学习
Mr Xu_20 分钟前
在 Vue 3 中集成 WangEditor 富文本编辑器:从基础到实战
前端·javascript·vue.js
小龙报20 分钟前
【SOLIDWORKS 练习题】草图专题:3.机械臂
笔记·单片机·嵌入式硬件·物联网·开源·硬件工程·材料工程