详细记录利用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