推荐三个神级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,然后在插件中填写,这里就不详细介绍了,插件上有安装的具体介绍,大家都是程序员,这个安装应该不费劲。

目录
相关文章
|
5月前
|
JavaScript 前端开发 安全
【逆向】Python 调用 JS 代码实战:使用 pyexecjs 与 Node.js 无缝衔接
本文介绍了如何使用 Python 的轻量级库 `pyexecjs` 调用 JavaScript 代码,并结合 Node.js 实现完整的执行流程。内容涵盖环境搭建、基本使用、常见问题解决方案及爬虫逆向分析中的实战技巧,帮助开发者在 Python 中高效处理 JS 逻辑。
|
6月前
|
Ubuntu 网络安全 PHP
如何使用vscode的Docker插件管理ubuntu 拉取服务器的镜像以及创建容器
本测试镜像旨在记录使用vscode的Docker插件拉取病创建Dockerfile,以及拉取镜像。
|
7月前
|
JavaScript 前端开发 算法
流量分发代码实战|学会用JS控制用户访问路径
流量分发工具(Traffic Distributor),又称跳转器或负载均衡器,可通过JavaScript按预设规则将用户随机引导至不同网站,适用于SEO优化、广告投放、A/B测试等场景。本文分享一段不到百行的JS代码,实现智能、隐蔽的流量控制,并附完整示例与算法解析。
199 1
|
8月前
|
JavaScript 前端开发
怀孕b超单子在线制作,p图一键生成怀孕,JS代码装逼娱乐
模拟B超单的视觉效果,包含随机生成的胎儿图像、医疗文本信息和医院标志。请注意这仅用于前端开发学习
|
12月前
|
人工智能 自然语言处理 API
Cline:29.7K Star!一文详解VSCode最强开源AI编程搭子:一键生成代码+自动跑终端+操控浏览器...
Cline 是一款集成于 VSCode 的 AI 编程助手,支持多语言模型,实时检查语法错误,帮助开发者提高编程效率。通过智能化手段,Cline 可以生成代码、执行终端命令、调试 Web 应用,并扩展更多功能。
4559 73
|
10月前
|
存储 JavaScript 前端开发
在NodeJS中使用npm包进行JS代码的混淆加密
总的来说,使用“javascript-obfuscator”包可以帮助我们在Node.js中轻松地混淆JavaScript代码。通过合理的配置,我们可以使混淆后的代码更难以理解,从而提高代码的保密性。
994 9
|
8月前
|
JavaScript
JS代码的一些常用优化写法
JS代码的一些常用优化写法
145 0
|
11月前
|
前端开发 JavaScript
【Javascript系列】Terser除了压缩代码之外,还有优化代码的功能
Terser 是一款广泛应用于前端开发的 JavaScript 解析器和压缩工具,常被视为 Uglify-es 的替代品。它不仅能高效压缩代码体积,还能优化代码逻辑,提升可靠性。例如,在调试中发现,Terser 压缩后的代码对删除功能确认框逻辑进行了优化。常用参数包括 `compress`(启用压缩)、`mangle`(变量名混淆)和 `output`(输出配置)。更多高级用法可参考官方文档。
785 11
|
11月前
|
人工智能 网络安全 开发工具
vscode代码推送到github库菜鸡专用教程
vscode代码推送到github库菜鸡专用教程
|
11月前
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~