首页 > 其他分享 >joplin集成vscode做编辑器

joplin集成vscode做编辑器

时间:2024-02-05 15:32:45浏览次数:38  
标签:Clipper Web Ctrl vscode 编辑器 joplin Joplin

joplin集成vscode做编辑器

为什么

joplin已有markdown的编辑功能,为什么还要寻求其他编辑器呢。

有些更强大的编辑功能,需要借助vscode才有。 而右键点击笔记上的“在外部编辑器中编辑”打开了本地的sublime。(ubuntu操作系统)

怎么做

前提条件

  • Joplin version > v2.8
  • VSCode version > v1.66.2
  • Joplin Web Clipper enabled,开启joplin的页面剪辑功能
  • Basic familiarity with using both Joplin and VS Code

实现原理

Joplin Web Clipper 用于剪辑页面,可快速摘录页面信息。通过REST接口实现,joplin-vscode-plugin插件也通过这个接口来修改文件内容。

安装

  1. 打开vs code
  2. 搜索joplin
  3. 选择joplin-vscode-plugin安装

配置

访问joplin数据库,需要连接Joplin Web Clipper API。也就是说需要启动joplin,并开启Web Clipper 。 在插件的配置项中,设置token和baseUrl。

  • token 从joplin客户端获取,Web Clipper -> Advanced options -> Authorization Token 2d37ea351ceddbece1984095f585c0dfdbf8c7885641782443a560674c9fae637e46ee6cced91e6d55b0e5fe68140d7dc325cf27e5e4e48195b11f239f83c8d9
  • baseUrl 使用桌面客户端无需配置,使用web服务joplin需要配置。

重启vscode

开始使用

现在全部配置完成,可以开始使用了。 按两次快捷键 Ctrl+JCtrl+J,将会触发命令 view: show Joplin , 启动vscode的侧边栏查看joplin 笔记。可以看到joplin的所有日志,可以随意做增删改查。 Ctrl+Shift+P可以打开vscode的命令入口,输入joplin可以看到相关的命令。

编辑日志

修改日志后,需要保存才能推送到joplin

文献

rxliuli的《使用 VSCode + Joplin 作为笔记工具》提供了帮助,https://segmentfault.com/a/1190000038918737?utm_source=sf-similar-article

方案2-本地集成打开

根据joplin官方的帮助文档说明,joplin也是可以使用本地安装的默认markdown编辑工具编辑笔记,按Ctrl+E (ubuntu)即可,也可以在【选项】中指定文本编辑器命令 https://joplinapp.org/help/apps/external_text_editor/

文本编辑器选择vscode

在命令选项中填写code。(ubuntu) 打开后只有当前的文档,没有目录结构,没有预览。还需要一些vscode的额外配置。

标签:Clipper,Web,Ctrl,vscode,编辑器,joplin,Joplin
From: https://blog.51cto.com/u_16255984/9609063

相关文章

  • 【纯干货】如何通过技术白嫖96编辑器vip或者企业模板?
    每次公众号排版都去找免费模板,找的头都秃了,但其实好多编辑器(秀米和这个一样)都可以白嫖,教程很简单(需要简单能看懂代码(认识阿拉伯字母就行))这个96编辑器一直在用,模板超级多,基本上不用再为排版发愁了,一个模板套着弄,直接填文字内容换图片就可以,其实免费的已经够用了,但如果有VIP那就更......
  • VSCode降级 - VSCode远程开发缺少libc
    VSCode自动升级到1.86后提示MissingGLIBC>=2.28!,可是服务器用的是centos7.9,升级glibc还要和gcc绑定到一起,所以还是对VScode降级比较方便这是最后一个可用版本的[updatenote]https://code.visualstudio.com/updates/v1_85其页面上的下载链接如下,重新安装并覆盖就好了Win......
  • vscode 配置
    {"workbench.colorTheme":"OneDarkPro","workbench.iconTheme":"material-icon-theme","workbench.productIconTheme":"feather-vscode","files.autoSave":"onFocusChange&quo......
  • vscode 远程登陆电脑开发
    远程隧道可以让远程通过url访问到本机,并通过vscode的UI进行开发tunnel打开有两种方式:vscode编辑器左侧命令行codetunnel不过,我的需求是,访问远程电脑的WSL子系统……尝试了上面的方法失败了(第一种方法只会开启对windows系统的访问,第二种方法,在子系统终端运行cod......
  • vue2中使用富文本编辑器tinyMCE全过程
    TinyMCE中文文档地址:http://tinymce.ax-z.cn/1.安装[email protected]$npminstall@tinymce/[email protected].将node_modules/tinymce文件夹下的plugins文件夹和skins文件夹直接复制到public/tinymce目录下3.引入汉语包在plublic/tinymce文......
  • 编辑器扩展
    编辑器扩展usingUnityEditor;usingUnityEngine;publicclassBolive:Editor//要继承Editor脚本{//脚本要放在Editor文件夹中[MenuItem("Ques/Muse",false,10)]//第一个参数是目录结构,第二个是是否需要指定物体才可以点击,第三个是决定排序的序号,默认为1000......
  • 如何使用Truffle在VSCode中调试solidity合约
    简介Truffle是以太坊最流行的开发框架,能够在本地编译、部署智能合约,使命是让开发更容易。本文以fibonacci作为实例进行调试参考文档https://trufflesuite.com/docs/truffle/how-to/debug-test/use-the-truffle-debugger/https://trufflesuite.com/guides/debugger-variable-i......
  • vscode Data Wrangler 一个强大的处理vscode 数据处理工具
    vscodeDataWrangler一个强大的处理vscode数据处理工具,代码没有开源,但是可以进行不少数据的可视化处理安装使用效果比如我一个parquet数据文件的显示处理说明vscode-data-wrangler并没有开源,技术实现上有python,同时还有dotnetcore,当然还有微软的ml库,是一个很强大的......
  • Windows 下 LaTex 超简单地安装使用(MikTeX + VSCode)
    写这篇是因为我找了一晚上教程,结果发现基本上都过时了,现在的版本下根本不需要任何复杂的操作,干脆自己写一个免得后来人再崩溃。参考及主要内容来源,可以说我后半部分内容基本就是翻译(?安装LaTex主流的分发版本应该就是TeXLive和MikTeX了,这里使用MikTex——TeXLive太大了......
  • VSCode项目中安装npm依赖包失败解决方案
    解决VScode提示:无法将“node”“npm”项识别为cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。此方法用于解决使用vscode打开项目文件后,使用npminstall命令安装node_modules依赖包失败的问题方法一:创建新终端窗口;......