PyCharm和VScode等工具可以提供许多功能和特性，包括Markdown编辑功能，但它们并不能直接实现像Typora那样所见即所得编辑Markdown的完全效果。以下是一些实现方法：

1. 集成Markdown编辑器: PyCharm和VScode都可以通过插件来集成Markdown编辑器。以下是一些常用的Markdown编辑器插件：

2. PyCharm Markdown Editor：PyCharm内置了Markdown编辑器插件，用户可以通过右键点击文件，选择Edit > Markdown来打开Markdown文件并进行编辑。这个插件提供了强大的语法高亮、语法格式化、语法高亮颜色选择等功能，使编辑Markdown文件变得直观和易于理解。

3. VSCode Markdown extension：VSCode Markdown extension是一个集成Markdown编辑器的扩展，用户可以在VSCode的代码编辑器中直接打开Markdown文件并进行编辑。这个插件提供了一整套Markdown语法高亮、格式化、引用等功能，使Markdown编辑体验与Typora类似。

4. Sublime Text Markdown Editor：Sublime Text Markdown Editor是一个轻量级的Markdown编辑器，用户可以在Sublime Text中打开Markdown文件并进行编辑。这个插件提供了一套基本的Markdown语法高亮、格式化、引用等功能，与Typora相比，它更加轻便和易于上手。

5. 代码自动格式化： PyCharm和VScode都提供了代码自动格式化功能，可以帮助用户快速调整Markdown文件的格式。例如，PyCharm的Format Code和Format Document命令都可以将Markdown文件格式化为一系列可阅读的代码片段，或者将Markdown文档格式化为一系列可读的HTML或LaTeX格式。

6. VSCode Code Language Server：VSCode Code Language Server是一个集成的代码格式化插件，可以将Markdown文件格式化为一系列可读的JavaScript、CSS和HTML代码片段。这个插件可以与Markdown编辑器集成，用户可以通过在VSCode的代码编辑器中选择要格式化的内容，然后点击Format Code或Format Document命令来实现格式化。

7. 支持 Markdown 在 Web 项目中使用： PyCharm和VScode都提供了支持 Markdown 在 Web 项目中使用的功能，使用户可以将Markdown文件作为项目文件进行管理。例如，PyCharm支持使用Markdown标签和MultiMarkdown标签来表示Markdown文件的内容，可以在HTML模板中使用这些标签来显示Markdown内容。

8. Sublime Text Web Editor：Sublime Text Web Editor是一个集成的Markdown编辑器，支持Markdown在Web项目的使用。用户可以在Sublime Text中创建Markdown文件，然后在Web项目的HTML模板中使用这些Markdown文件来显示内容。

9. Atom Markdown Editor：Atom Markdown Editor是一个轻量级的Markdown编辑器，支持Markdown在Web项目的使用。用户可以在Atom中创建Markdown文件，然后在Web项目的HTML模板中使用这些Markdown文件来显示内容。

10. Markdown 文件与项目文件的关联： PyCharm和VScode都支持Markdown文件与项目文件的关联，使得用户可以在一个项目中使用Markdown文件来存储项目内容，然后在另一个项目中使用Markdown文件来显示项目的其他部分。

11. Git on GitHub：对于使用Git进行协作开发的项目，PyCharm和VScode都提供了支持Markdown文件在GitHub上的使用功能。用户可以在GitHub上创建Markdown文件，然后在其他项目的GitHub仓库中使用这些Markdown文件来存储项目内容，然后在这些项目的GitHub仓库中使用Markdown文件来显示项目的其他部分。

通过上述方法，PyCharm和VScode等工具可以提供类似Typora的Markdown编辑体验，用户可以使用它们来快速编辑Markdown文件，并在编辑过程中看到所见即所得的效果。然而，由于Markdown和HTML、LaTeX等语法差异较大，可能需要根据具体项目的使用需求和项目设计进行相应的调整和优化。