本文介绍了一个 npm 包 vscode-open-in-finder,使用它可以快速在 VSCode 中打开当前工程在 Finder(MacOS 上的文件管理器)中的对应目录。该包的使用非常简单,本文将介绍如何使用它以及它的实现原理。
安装
在终端中执行以下命令可以全局安装该 npm 包:
npm install -g vscode-open-in-finder
使用说明
在终端中执行以下命令可以在 VSCode 中打开当前工程在 Finder 中的对应目录:
open-in-finder
当 VSCode 打开的项目在 Finder 中没有对应目录时,该命令不会做任何事情。
在 VSCode 中打开终端,运行以上命令,你会发现当前项目所在的目录已经被自动打开。
实现原理
该 npm 包使用了 VSCode 的 API vscode.workspace.workspaceFolders
获取当前工程在文件系统中的路径,再通过 open
命令调用操作系统的 Finder 来打开该路径。具体实现可见 vscode-open-in-finder/index.ts。
示例代码
以下是一个简单的 JavaScript 示例代码,在 VSCode 中打开终端,执行 node index.js
后即可打开当前项目在 Finder 中对应的目录:
-- -------------------- ---- ------- ----- - ---- - - ------------------------- ----- - --------- - - ------------------ ----- ---------- - -- -- - ----- ------- - --------------------------- -- -------- -- ----------- - ----- -------- - ---------------------- ---------- -------------- - - -------------
总结
本文介绍了如何使用 npm 包 vscode-open-in-finder 快速在 VSCode 中打开当前工程在 Finder 中的对应目录,以及该包的实现原理。希望本文能够对初学者学习前端开发有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055ea381e8991b448dbfce