受欢迎的博客标签

TOC Markdown editing with Visual Studio Code

Published

详细记录利用VS Code + 插件,打造 TOC Markdown编辑器的全过程。

本全程指导的汇总,分几篇陆续推出,包含:

VS Code编辑器的安装和设置技巧、VS Code的Markdown相关插件的使用,通过九牛云+图床神器PicGo插件给博客设置图床,word/pdf/电子书/网页等格式导出,VS Code写Markdown的最佳实践总结、在CSDN写博客的一些经验技巧 及 Git版本控制等部分。

 

vscode

 

https://code.visualstudio.com/Docs/languages/markdown

 

How to Use Markdown in VSCode – Syntax and Examples

https://www.freecodecamp.org/news/how-to-use-markdown-in-vscode/

 VSCode 自有的 Markdown 预览不支持目录列表的显示。

 

搭建 Web 版 VS Code

本地搭建 Web 版 VS Code

下载 VS Code 源码

https://cloud.tencent.com/developer/article/1588399

 

 

Code-Server

VSCode 1.40之前有一个基于 VSCode 的 Web 版,叫 Code-Server

搭建Code-Server

https://zhuanlan.zhihu.com/p/386285855

 

自建 Web 版 VS Code

VS Code 1.40 发布-可自行搭建 Web 版 VS Code

VSCode 1.40 及以上版本现在已经自带支持 Web 版本

自建 Web 版 VS Code
前不久,微软正式发布了 Visual Studio Online,包含微软托管的 Web 版 VS Code。如今,开发者已经可以直接从 VS Code 的源代码编译出 Web 版 VS Code。

下载 VS Code 在 GitHub 上的源代码,只需运行 yarn web,就能在 http://localhost:8080/ 访问!

更多关于构建 VS Code 的信息,可以查看这篇贡献指南。

https://github.com/microsoft/vscode/wiki/How-to-Contribute

blog:

https://cloud.tencent.com/developer/article/1536664?areaId=106001

wechat:Visual Studio Online

VSCode 1.40 及以上版本现在已经自带支持 Web 版本,在这之前也有一个基于 VSCode 的 Web 版,叫 Code-Server

 

https://vscode.dev/

将 VS Code 带入浏览器
当你转到 https://vscode.dev 时,你将看到一个完全在浏览器中运行的轻量级 VS Code。在本地机器上打开一个文件夹并开始编码。

无需任何的安装。

 

Note

VS Code 是基于 Electron 开发的,而 Electron 是使用 Web 技术栈(JavaScript, HTML 和 CSS)来开发跨平台桌面应用的。所以,把 VS Code 搬到浏览器中,则是必然的趋势

VS Code 本身其实是 JavaScript 写的,准确来说是用 TypeScript 写的。

 

 

 

 

 

 

https://zhuanlan.zhihu.com/p/56943330