当前位置: 首页 > news >正文

新乡网站制作/网站页面关键词优化

新乡网站制作,网站页面关键词优化,长春做网站的公司,wordpress修改页面title前言 最近研究一下vue-devtools,感觉还蛮不错的,顺便尝试安装了一下。 vue-devtools是什么? vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。 系统环境 vue-devtools如何安装? 第一种安装…

前言

最近研究一下vue-devtools,感觉还蛮不错的,顺便尝试安装了一下。

vue-devtools是什么?

vue-devtools是一款基于chrome游览器的插件,用于调试vue应用,这可以极大地提高我们的调试效率。

系统环境

在这里插入图片描述

vue-devtools如何安装?

第一种安装方法,考验自己的动手能力,对于我们开发来说,这都不是事儿,因为在安装成功的那一刻,有一种自豪的感觉。

  1. 在github上把 vue-devtools 的项目下载到本地。或者用git 进行下载,指令$ git clone https://github.com/vuejs/vue-devtools.git ,前提是要安装git哦。我是直接下载的,没有使用git。
  2. 把下载下来的vue-devtools-dev.zip包解压到 /media/stone/本地磁盘/SP(使用git不需要这一步)。
  3. 在vue-devtools-dev目录下运行指令$ npm install 安装依赖包。(也可以使用cnpm 和yarn)。注意 不要出现error 就行啦!
    在这里插入图片描述
  4. 在vue-devtools-dev目录下运行指令$ npm run build 进行打包构建。(也可以使用cnpm 和yarn)
    在这里插入图片描述注意:这里我问什么要用npm (cnpm/yarn) run build呢?这个请看我上篇博客中写的一片文章<<项目中利用npm生成package.json的那点事儿>>,在下载的文件中有个叫package.json的文件,我下面截图,看红色的部分都是运行指令:
    在这里插入图片描述 > 5.打开chrome浏览器,选择菜单下更多工具->扩展程序或者直接在浏览器中打开chrome://extensions/这个地址,回车!
    在这里插入图片描述
    6.在chrome界面择点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图
    在这里插入图片描述
    成功之后出现
    在这里插入图片描述
    重新启动浏览器,右边出现Vue的logo,并且颜色变亮
    在这里插入图片描述
    接下来让我测试下吧,本地运行vue 项目出现下面的这样的,说明安装成功,让我们一起好好的调试代码吧!
    在这里插入图片描述

第二种安装方法,很简单,在chrome的商城中搜vue-devtools,并安装,

在这里插入图片描述

注意:

1.vue必须引入开发版, 使用min压缩版是不能使用devtools进行调试的。
2.安装后, 需要关闭浏览器, 再重新打开, 才能使用。
3.第二种方法要借助翻墙软件和插件插件助手,网上一大堆。

如果实在不想折腾的朋友,请联系博主留言,博主直接把编译好的文件直接打包给你,这样直接添加即可!

欢迎进入个人公众号 ,一起学习啊!

在这里插入图片描述

http://www.jmfq.cn/news/5013235.html

相关文章:

  • 司机找事做那个网站靠谱/计算机培训机构排名前十
  • 重庆网站平台/北京网站建设东轩seo
  • 怎么创建网站相册/seo点击排名工具有用吗
  • 禹州做网站的公司/seo如何提升排名收录
  • 北京所有公司名单/seo外包公司需要什么
  • 怎么做能收费的视频网站/宁波关键词优化时间
  • 怎么查网站是哪家制作公司做的/百度客户管理系统登录
  • 连云港网站制作/seo快速排名培训
  • 怎么做网站链接支付/seo实战培训中心
  • 全国今日生猪价格涨跌表价格/厦门最快seo
  • wplounge wordpress主题/优化seo哪家好
  • WordPress网站加载时间/360站长
  • 室内设计效果图背景墙/百度官方优化指南
  • 中国自适应网站建设/360站长工具
  • 百年建筑网/公众号seo排名优化
  • 苏州网站建站/免费推广工具
  • 常德市政府门户网站群建设方案/买友情链接有用吗
  • 做一个简单的管理系统/网站seo优化报告
  • 外贸网站建设及优化ppt模块/一个产品的网络营销方案
  • 绵阳微信网站/如何做网站
  • 网站推广规范/友情链接图片
  • 济南外贸网站制作/北京最新疫情情况
  • 电商创业怎么做/汕头网站优化
  • flash 网站 源码/优化设计七年级下册语文答案
  • 59网站一起做网店/推广平台排行榜有哪些
  • 电商网站新闻怎么做/推广平台有哪些渠道
  • 跨国多语言交友网站建设/seo舆情优化
  • 宜春企业网站的建设/企业培训内容
  • 做二手房比较好的网站/如何在百度上发布自己的广告
  • 原创文学网站建设/福州seo公司排名