【亲测免费】 Obsidian VSCode Editor 安装和配置指南

Obsidian VSCode Editor 安装和配置指南

1. 项目基础介绍和主要编程语言

项目基础介绍

Obsidian VSCode Editor 是一个为 Obsidian 笔记软件开发的第三方插件，旨在提供对各种代码格式文件的查看和编辑功能。Obsidian 默认不支持代码文件的查看和编辑，而该插件通过集成 Monaco Editor（VSCode 编辑器内核）来解决这一问题。它支持多种代码格式文件的查看和编辑，包括但不限于 C、C++、C#、CSS、Go、HTML、Java、JavaScript、JSON、Python、Ruby、Rust、Shell、XML、YAML、ini 等。

主要编程语言

该项目主要使用 TypeScript 和 JavaScript 进行开发。

2. 项目使用的关键技术和框架

关键技术和框架

• Monaco Editor: 基于 VSCode 编辑器内核，提供强大的代码编辑功能。
• Obsidian API: 用于与 Obsidian 笔记软件进行交互，实现插件功能。
• TypeScript: 主要编程语言，提供类型检查和更好的开发体验。
• JavaScript: 辅助编程语言，用于实现部分功能。

3. 项目安装和配置的准备工作和详细安装步骤

准备工作

1. 安装 Obsidian: 确保你已经安装并配置好了 Obsidian 笔记软件。
2. 网络连接: 安装插件时需要网络连接。

详细安装步骤

方法一：通过 Obsidian 社区插件安装

1. 打开 Obsidian 设置:

   • 在 Obsidian 中，点击左下角的设置图标，进入设置页面。

2. 进入社区插件页面:

   • 在设置页面左侧菜单中，选择“社区插件”。

3. 关闭安全模式:

   • 在社区插件页面中，关闭“安全模式”（如果已开启）。

4. 浏览插件:

   • 点击“浏览”按钮，进入插件市场。

5. 搜索插件:

   • 在搜索框中输入“VSCode Editor”，找到 Obsidian VSCode Editor 插件。

6. 安装插件:

   • 点击“安装”按钮，等待安装完成。

7. 激活插件:

   • 安装完成后，关闭插件市场窗口，回到社区插件页面，在已安装插件列表中找到 Obsidian VSCode Editor，点击“激活”按钮。

方法二：手动安装

1. 下载插件:

   • 访问项目的 GitHub 页面，找到最新的发布版本，下载 obsidian-vscode-editor-x.y.z.zip 文件（其中 x.y.z 是版本号）。

2. 解压文件:

   • 将下载的 zip 文件解压到你的 Obsidian 插件目录中。目录路径通常为 <vault>/.obsidian/plugins/。

3. 启用插件:

   • 打开 Obsidian，进入设置页面，选择“社区插件”，点击“刷新”按钮，找到 Obsidian VSCode Editor 插件，点击“激活”按钮。

配置插件

1. 打开插件设置:

   • 在 Obsidian 中，进入设置页面，选择“社区插件”，找到已激活的 Obsidian VSCode Editor 插件，点击“设置”按钮。

2. 配置支持的文件扩展名:

   • 在插件设置页面中，配置你希望支持的代码文件扩展名。默认支持的扩展名包括 ts, js, py, css, c, cpp, go, rs, java, lua, php 等。

3. 其他配置:

   • 根据需要，配置编辑器的主题颜色、字体大小、显示行号等选项。

通过以上步骤，你就可以成功安装并配置 Obsidian VSCode Editor 插件，享受在 Obsidian 中编辑代码文件的便捷体验。