Vue开发者工具的安装步骤是怎样的？

本文共计735个文字，预计阅读时间需要3分钟。

目录

一、核心逻辑

二、完整过程

三、简单实现完整过程

一、核心逻辑

通过code命令来打开vs code编辑器。

二、完整过程

1.使用code命令后跟路径（path/dir/file）来打开编辑器。

2.在本地cmd或终端运行此命令。

3.尝试打开编辑器，验证是否能正常打开。

目录

• 一、核心逻辑
• 二、整个过程
• 三、简单实现整个过程

一、核心逻辑

通过 code 命令来打开 vs code 编辑器。

code path/dir/file

可以在本地 cmd 终端运行下，试试能否正常打开编辑器，不行的话请参考上面文章。 关于该 code 命令，有个故事是有时在同事那儿看代码时，发现每次都是使用快捷键 win + E 打开文件管理器，找到对应项目的文件夹，在该文件管理器路径内输入 cmd 然后回车，出现终端使用命令行 code . 打开当前文件夹的项目感觉有点儿酷，回头再仔细想下直接使用鼠标右键打开编辑器它不就一个动作嘛，花里胡哨~

二、整个过程

三、简单实现整个过程

1、浏览器插件

谷歌扩展核心的文件 manifest.json，devtools_page 是 devtools 后台执行的页面。