vue-devtools 开发工具的安装
2023-09-11 14:19:35 时间
一、安装 yarn
前往github项目地址:https://github.com/yarnpkg/yarn
打开Releases页面:https://github.com/yarnpkg/yarn/releases
下载最新版本安装包:https://github.com/yarnpkg/yarn/releases/download/v1.22.4/yarn-1.22.4.msi
下载完成后双击安装,安装成功后,请在windows 系统环境变量path里增加yarn 目录
yarn设置淘宝镜像源
配置淘宝镜像源
yarn config set registry http://registry.npm.taobao.org/ -g
检查镜像源
yarn config get registry
二、安装vue-devtools
https://github.com/vuejs/vue-devtools
1、Clone this repo 2、cd vue-devtools the newly created folder 3、run yarn install 4、then run yarn run build 5、Open the Chrome extension page (currently under Menu > More Tools > Extensions) 6、Check "developer mode" on the top-right corner 7、Click the "load unpacked" button on the left, and choose the folder: vue-devtools/packages/shell-chrome/ 8、Alternatively to step 3, you can also use yarn dev:chrome to build & watch the unpacked extension
安装成功
相关文章
- 【Vue】Vue2和vue3路由的安装及页面切换简单示例(图文+完整源代码)
- 【Vue】vue中VM的生命周期及加载和销毁实例
- mui + vue 模板
- Vue - Nuxt.js 安装引入 WangEditor V5 富文本编辑器最新版本,超详细使用教程(Nuxt.js 项目使用官方提供的示例,页面报错,刷新就会报错navigator is解决方案)
- Vue——详解MVVM模型在vue中的使用
- nginx部署vue刷新404
- vue 关于数组和对象的更新
- Vue 动态粒子特效(vue-particles)
- vue学习笔记六:Jquery VS Vue之网络请求明细对照
- Vue富文本编辑器的使用vue-quill-deitor
- 基于springboot+vue的“考研资讯平台”程序设计实现【毕业论文,源码】
- Vue实战第1章:学习和使用vue-router
- vue后台(二)
- NodeJs安装(VUE、IDEA使用)
- Django+Vue项目学习第九篇:vue项目部署到服务器
- vue-element-admin 项目引入Echarts中的dataTool; echarts.dataTool.prepareBoxplotData is not a function
- vue 中el-input 为number 如何控制不允许输入负号
- Vue使用distpicker插件实现省市级下拉框三级联动
- vue 登录页背景-粒子特效(Vue-Particles)