推荐三个神级VSCode插件[jupyter中写javascript,替代typora的markdown编辑器,记录敲代码时间的插件]

简介: 使用过Python的朋友应该都知道Jupyter-Notebook,因为它对新手朋友学习Python可谓是绝佳的工具,对Python老手来说使用它来写一些小Demo或者绘图分析都是非常不错的工具,我们都知道,最近,我开始了深入学习JavaScript的路途,偶尔为敲一下js来验证书中的说法以及自己的想法,同时可能会记一下笔记,然后可能还需要刷Leetcode

f25d8715c61a4190a7e6efcf671c41a9~tplv-k3u1fbpfcp-zoom-crop-mark-1512-1512-1512-851.image.png

Jupyter

为什么要使用jupyter



使用过Python的朋友应该都知道Jupyter-Notebook,因为它对新手朋友学习Python可谓是绝佳的工具,对Python老手来说使用它来写一些小Demo或者绘图分析都是非常不错的工具,我们都知道,最近,我开始了深入学习JavaScript的路途,偶尔为敲一下js来验证书中的说法以及自己的想法,同时可能会记一下笔记,然后可能还需要刷Leetcode,这时候,我首先就想到了Jupyter,JavaScript和Python一样都是解释性语言,所以按道理来说它也可以一步步运行,可以在Jupyter上运行,所以我就试了一下JavaScript在Jupyter上的使用:

下面是结果的图片:

45750319a05244469f04faa68cecd5c9~tplv-k3u1fbpfcp-zoom-in-crop-mark-3024-0-0-0.image.png

不得不说,真的非常好用,同时也是支持写Markdown笔记的:

4be7d74b9ed74309ba28ea301a2daea1~tplv-k3u1fbpfcp-zoom-in-crop-mark-3024-0-0-0.image.png

同时这个文件也支持导出markdown,html,png等多种格式的文件,非常适合写一些小demo,当然,因为是在全局作用域,所以在变量命名上需要注意不重复,建议类似上图一样,加一个{}块状作用域就非常方便。

安装



具体可以查看github:github.com/n-riesco/ij…

下面仅演示windows的安装教程(我因为之前有conda环境,所以就直接使用的conda安装,如果没有,请查看上方链接安装)

conda install nodejs=16  # 这里得16才行,14有可能会报错
npm install -g ijavascript
ijsinstall

可能遇到的问题



Error running in VSCode: No native build was found for platform=darwin arch=x64 runtime=electron abi=83 uv=1 libc=glibc node=14.16.1

解决:

github.com/n-riesco/ij…


48b27e75e30a48858468c4c6bcdd3dff~tplv-k3u1fbpfcp-zoom-in-crop-mark-3024-0-0-0.image.png

Markdown-editor

自从Typora收费之后,我就不太想用这个软件了,于是想到了这个万能得VSCode,然后就找到了这款即时渲染markdown的软件。

安装直接在扩展市场中搜索这个名字就可以了,下面来看一看使用得截图,几乎一摸一样,功能没有那么多,但该有的也几乎都有了:

63e569bd36954f208a864026fda0a8d5~tplv-k3u1fbpfcp-zoom-in-crop-mark-3024-0-0-0.image.png

它也有多种主题进行选择

2c138fe5b26a41e4ae5ceeac22f61a39~tplv-k3u1fbpfcp-zoom-in-crop-mark-3024-0-0-0.image.png

去试试就知道好不好用了😀

Waketime

这个扩展应该很多人都用过,不过还是提一下总有人不知道,主要是它太好用了,主要功能就是记录你每天敲代码的时间,就这?就这!

我们直接来看截图就知道了,合格插件让敲代码的仪式感也强烈起来了(⊙o⊙)433dae0b2e464098a15281e03633c745~tplv-k3u1fbpfcp-zoom-in-crop-mark-3024-0-0-0.image.png

最近主要是在期末复习,敲代码的时间少了,献丑了,使用需要去官网申请一个key,然后在插件中填写,这里就不详细介绍了,插件上有安装的具体介绍,大家都是程序员,这个安装应该不费劲。

目录
相关文章
|
Ubuntu Linux 测试技术
Linux系统之部署轻量级Markdown文本编辑器
【10月更文挑战第6天】Linux系统之部署轻量级Markdown文本编辑器
1282 1
Linux系统之部署轻量级Markdown文本编辑器
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。
【10月更文挑战第7天】随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 来检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这两个工具,可以确保代码风格一致,提升团队协作效率和代码质量。
1498 2
|
存储 安全 数据安全/隐私保护
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
Django 后端架构开发:富文本编辑器权限管理与 UEditor 、Wiki接入,实现 Markdown 文本编辑器
923 0
|
Linux UED C++
MarkEdit:相信做技术的同学都会喜欢这个编辑器的,MarkEdit编辑器,让Markdown编辑变得简单而强大,超赞~~~
嗨,大家好,我是小华同学。MarkEdit是一款跨平台的Markdown编辑器,支持Windows、macOS和Linux,提供实时预览、快捷键、自定义主题和插件系统等核心功能。它适用于日常笔记、技术文档、博客写作、学术论文和电子书制作等多种场景。
2050 31
|
人工智能 移动开发 前端开发
Markdown-to-Image:开源的在线 Markdown 转海报编辑器
Markdown-to-Image 是一款开源的在线 Markdown 转海报编辑器,能够将 Markdown 文本内容转换为图像,适用于创建社交媒体帖子、海报和其他视觉内容。该工具支持多种输出格式,并允许用户自定义样式,适用于多种应用场景。
1435 4
Markdown-to-Image:开源的在线 Markdown 转海报编辑器
|
JavaScript 前端开发 API
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
本文介绍了如何在Vue 3项目中使用v-md-editor组件库来创建markdown编辑器和预览组件。文章提供了安装步骤、如何在main.js中进行全局配置、以及如何在页面中使用VMdEditor和VMdPreview组件的示例代码。此外,还提供了一个完整示例的链接,包括编辑器和预览组件的使用效果和代码。
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
3105 4
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这些工具,可以确保代码风格一致,提高代码质量和可读性。
2018 1
|
JavaScript 前端开发 开发者
如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升团队协作效率和代码质量。
【10月更文挑战第9天】随着前端开发技术的发展,代码规范和格式化工具变得至关重要。本文介绍如何在 VSCode 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升团队协作效率和代码质量。通过安装插件、配置 ESLint 和 Prettier,以及设置 VSCode,实现代码实时检查和格式化,确保代码风格一致。
2682 2
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升代码质量和团队协作效率。
【10月更文挑战第8天】本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查并自动格式化 Vue.js 代码,提升代码质量和团队协作效率。通过安装 VSCode 插件、配置 ESLint 和 Prettier,实现代码规范检查和自动格式化,确保代码风格一致,提高可读性和维护性。
822 2