首页 > 其他分享 >Vue 学习笔记2 -- 开发环境

Vue 学习笔记2 -- 开发环境

时间:2024-02-21 11:45:44浏览次数:24  
标签:Vue 浏览器 -- 笔记 js vuejs v2 html

第一步:创建文件夹 并在VS code 中打开

第二步:创建src目录 + index.html

第三步:https://v2.cn.vuejs.org/v2/guide/installation.html 下载 vue 依赖文件,如下图所示:

 第四步:引入vue.js,如下图所示:

 第五步:运行 + F12 解决如下图问题

 https://v2.cn.vuejs.org/v2/guide/installation.html#Vue-Devtools

方式一:访问上述网站进行安装,点击Vue Devtools  ,即 通过 chrome网上应用商店的方式添加 Vue.js.devtools

方式二:通过设置谷歌浏览器--管理扩展程序方式解决,需提前获取到Vue.js.devtools文件

将谷歌浏览器关小,同时将插件相关文件夹拖动至浏览器,刷新浏览器,警告1 消失

 

问题2:为vuejs引入开发版提示信息,可通过设置属性解决(设置生产模式属性productionTip)

 或者引入: <script type="text/javascript" src="../Js/vue.min.js"></script> 即可解决

 

标签:Vue,浏览器,--,笔记,js,vuejs,v2,html
From: https://www.cnblogs.com/YYkun/p/18024824

相关文章

  • 关于DHCP例程的使用
    DHCP例程主要演示DHCP自动获取IP,并建立TCP连接进行数据回传。关于DHCP介绍:DHCP,全称DynamicHostConfigurationProtocol,即动态主机配置协议,该协议允许服务器向客户端动态分配IP地址和配置信息。通常DHCP服务器至少要向客户端提供以下信息:IP地址、子网掩码、默认网关等。因此例......
  • 第十二章——让计算机“思考”
    本章作者用C语言开发一个简单的游戏程序,来对如何让计算机思考进行说明。程序有两种使用目的分别是作为工具的程序和为了思考的程序。程序就如同是由计算机执行的各种指令罗列起来的文章,计算机内部的CPU通过对该文章的内容进行解析和运行,来控制连接到计算机的各种外围设备,具体来说......
  • ABAP添加附件功能
    需求为在自定义采购对账单平台做预制发票时,可以使用添加附件的功能;其他情况查看对账单时,允许查看附件不允许添加附件 这里主要使用了系统标准函数GOS_ATTACHMENT_LIST_POPUP,代码如下:*&---------------------------------------------------------------------**&Formfrm_......
  • jQuery $.ajax() 方法概述
    原文链接:https://www.bejson.com/apidoc/jquery/jQuery.Ajax.html通过HTTP请求加载远程数据。jQuery底层AJAX实现。简单易用的高层实现见$.get,$.post等。$.ajax()返回其创建的XMLHttpRequest对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获......
  • ARC111B Reversible Cards 题解 (套路题)
    考虑将\(a_i,b_i\)之间连边,发现题目可以被转化为给定一个图,要求对于每条边将其一个顶点染色,问最多能将多少个点染色。于是我们对于每个连通块分开来考虑。对于一个连通块,注意到我们不能将每个顶点染色当且仅当这个连通块是树,且此时可以染色的定点数量为连通块大小减一,如下:如......
  • 开年喜报!Walrus成功入选CNCF云原生全景图
    近日,数澈软件Seal(以下简称“Seal”)旗下开源应用管理平台Walrus成功入选云原生计算基金会全景图(CNCFLandscape)并收录至“AppDefinitionandDevelopment-ApplicationDefinition&ImageBuild”板块,该板块包含了Helm、Backstage、Dapr等知名开源项目。 图片截自:htt......
  • 排查 CLOSE_WAIT 堆积
    CLOSE_WAIT堆积的危害​每个 CLOSE_WAIT 连接会占据一个文件描述,堆积大量的 CLOSE_WAIT 可能造成文件描述符不够用,导致建连或打开文件失败,报错 toomanyopenfiles:dialudp9.215.0.48:9073:socket:toomanyopenfiles 如何判断?​检查系统 CLOSE_WAIT 连......
  • NETGEAR WNDR4300路由器tftp方式 刷机
    1、使用网线将路由器的lan口(黑色)和hostpc的网口相连。2、将路由器断电,用曲别针或其他工具,一直按住路由器背面的reset口。3、打开路由器电源开关,观察电源指示灯(此时保持按住reset按钮不要松手),直到电源灯由橙色闪烁状态变到绿色闪烁状态(说明设备已经进入到了TFTP修复模式)。4、......
  • Ubuntu在无网络环境下,用离线源apt-get安装软件
    步骤概要如下:1、假设目标安装的是服务器A,需先准备一台正常环境,且操作系统版本与A一致的服务器B;2、用apt-get在服务器B上下载需要安装的包,并用dpkg-scanpackages依赖打包;3、将打好的依赖包传到服务器A上;4、更新服务器A的apt源,并清空apt缓存;5、服务器A上用apt安装软件。 详......
  • 运维工作新时代:自主编码实现运维自动化的转型之旅
    引言随着业务系统和底层中间件服务的复杂度不断增加,传统手工运维方式面临着诸多挑战和限制。人工编写运维脚本显得非常低效,同时手动执行运维操作存在着巨大风险。在此情况下,推动运维自动化成为运维人员必须落地实施的工作。运维同学如果可以有地方自主通过编码的方式,实现各种自动......