码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • vscode markdown WYSIWYG 所见即所得编辑和预览


    本文为作者原创,转载请注明出处:https://www.cnblogs.com/zhaoqingqing/p/16776754.html



    一直使用Typora编写markdown,随着vscode在工作中使用的越来越多,产生了一个想法:能不能在vscode中写markdown,减少软件的成本?

    可是vscode官方自带的的markdown体验却一般般,那么有没有更好的markdown扩展呢?

    PS.最好是体验与typora接近,可以更快的上手与转换。

    经过一番查找,找到了一个比较符合条件的扩展:office viewer


    office viewer#

    扩展地址: Office Viewer(Markdown Editor) - Visual Studio Marketplace

    github地址:cweijan/vscode-office: 让VSCode支持预览PDF,Excel等格式, 并增加markdown所见即所得编辑器 (github.com)

    该扩展在vscode内集成Vditor(针对VSCode做了些兼容性改动), 实现了对markdown的所见即所得编辑, 相比typora的特性:

    • 开源免费无广告无隐私追踪 (如果对你有帮助考虑点下star(●'◡'●))
    • 在最新版本中优化了vscode主题支持, 现在颜色默认跟随vscode主题
    • vscode内置了git, 创建一个git仓库就可以对markdown进行版本管理
    • 支持多窗口打开markdown (typora只支持mac)
    • 相比typora的缺点: 对代码块, latex公式和图形支持度不高.

    重度使用14天后的感受#

    所见即所得的体验还可以的,虽然比Typora弱一些,但是他可以与vscode集成,能够在workspace中管理我不同目录的markdown。

    突然发现Typora也可以全局搜索当前打开目录下的任意文件,快捷键:Ctrl+P,这种高效搜索法能让你在数千数万文件中跳到你想找的文件去。

    PS. 虽然typora没有workspace,但自已动手把不同文件夹link到一起,用起来也和workspace一样。


    代码块与主题问题#

    建议安装后修改vscode的主题为:One Dark Modern,同时建议启用扩展自带文件夹图标。因为在其它深色主题下代码片段(代码片段)在预览时区分不出来,而扩展自带的主题可以。

    但是修改为One Dark Modern之后,python代码的缩进符就看不清楚了,这就有取舍问题。

    或者根据不同的workspace使用不同的主题


    切换窗口回到起点#

    解决方法:只要md文件中有焦点就不会出现这个问题,具体可查阅官方的issue

    不同程序窗口切换回来之后,回到文件开头 · Issue #116 · cweijan/vscode-office (github.com)


    图片位置#

    如何修改粘贴图片后保存的位置?打开扩展设置,修改paster img path的路径。

    请问如何修改保持图片的路径 · Issue #70 · cweijan/vscode-office (github.com)


    代码预览#

    建议关闭代码预览 ,取消勾选扩展设置中的Preview Code,因为鼠标点击代码区域后会显示两份代码。

    参考:请问如何更改vditor设置 · Issue #112 · cweijan/vscode-office (github.com)


    感谢作者#

    在我重度使用过程中,往github提了几个我碰到的issue,这些issue都很快地得到了作者的回复,作为个人开源者的确很棒!

  • 相关阅读:
    Day12--自定义组件-渲染my-search组件的基本结构
    VUE全家桶 (Vue-cli、Vue-route、Vuex)学习笔记
    【ZooKeeper】zookeeper源码2-持久化机制
    Linux安装JDk教程
    Spring Boot技术知识点:如何使用@Valid注解来对邮箱字段进行数据校验
    LeetCode 周赛 344(2023/05/07)手写递归函数的固定套路
    Flutter入门-Flutter配置
    Spring原理学习(五)初始化与销毁
    React - 虚拟DOM 和 Diff 算法
    前后端分离的项目——图书管理系统(下)
  • 原文地址:https://www.cnblogs.com/zhaoqingqing/p/16776754.html
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号