[JavaScript知识库] Vue3项目搭建准备（一）

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> Vue3项目搭建准备（一） -> 正文阅读

[JavaScript知识库]Vue3项目搭建准备（一）

安装vue devtools

下载vue devtools

打开 GitHub 网址找到 vue devtools ,这里选择了 v6.0.0-beta.15，目前此版本支持 Vue3，下载ZIP文件

https://github.com/vuejs/devtools/tree/v6.0.0-beta.15

在这里插入图片描述

安装依赖

使用 VSCode 打开下载的代码，执行命令安装相关依赖

yarm install

打包

执行完上述命令后，再执行下面命令打包文件

yarm run build

安装插件

打开 Chrome 浏览器，进入到扩展程序页面
在这里插入图片描述
打开 开发者模式，选择 加载已解压的扩展程序 后，打开上面下载来的 vue devtools-6.0.0-beta.15 的文件，找到目录下的 packages 文件夹下的 shell-chrome 文件夹即可。