npm包isodev使用教程

介绍

isodev是一个可以将markdown文件转化成IsoDraw文件的npm包。IsoDraw是一个用于绘制技术插图的软件,iso-dev则用于将markdown格式的技术文章转化为IsoDraw插图,从而帮助那些需要插图的工程师们快速完成插图工作。 如果你是一名前端开发者,并且常常需要为自己的博客或者技术文章添加一些插图,那么issancejs是一个非常好用的npm包。本文将介绍如何安装和使用这个npm包。

安装

安装npm包很简单,只需要打开命令行工具,进入项目目录,然后使用以下命令即可安装:

npm install -g isodev

使用

在安装完 npm 包后,使用 iso-dev包很简单。只需要三个步骤:

  1. 创建一个 markdown 文件。

比如说,我们创建一个名为 test.md 的文件,并在其中添加一些内容。

- --------

------------- ------- -------

-- ------

-------- -------- ------------

-------------------------------
  1. 转化 markdown 文件。

完成上面步骤后,我们就需要执行 npm 包 iso-dev 了。

打开已有的 test.md 文件,然后输入以下命令:

iso-dev test.md

执行完成后,将会自动转换这个 markdown 文件,并在同一目录下创建一个名为 test.id的IsoDraw文件。

  1. 将 iso 文件插入文档中

插入 iso 文件的方法与插入其他图片文件的方法相似。需要在 markdown 文件中使用以下代码:

---- ----------------------

将test.id文件嵌入到您的文档中即可。

相关命令

如果您想要体验更多的命令,请查看以下命令:

  1. 指定输出格式

iso-dev --format png test.md

  1. 指定输出文件名

iso-dev --output test.png test.md

结语

当前,我们经常在面对一些技术难题时需要插图来表达思路和设计。isodev的推出就能够让我们更加轻松快速的完成这样的任务。当然,想要做到真正的轻松快速还需要长时间的积累和学习,相信在不断摸索和探索的过程中我们能够完成更多的工作。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6005601481e8991b448de253


猜你喜欢

  • npm 包 cordova-plugin-aliall 使用教程

    简介 cordova-plugin-aliall 是一个 Cordova 插件,它封装了支付宝的 SDK,以便开发者可以在 Cordova 应用中方便地使用支付宝支付。

    3 年前
  • npm 包 @appdom/appdom 使用教程

    简介 @appdom/appdom 是一个前端开发工具包,提供了方便、高效的 DOM 操作和应用处理能力,用于构建复杂、交互丰富的前端应用。本文将为你介绍如何使用 @appdom/appdom 来构建...

    3 年前
  • npm 包 private-store 使用教程

    npm 是前端生态中非常重要的工具之一,用于管理 JavaScript 依赖包。在 npm 上,我们可以通过制作和发布自己的 npm 包实现组件共享、代码重用等功能。

    3 年前
  • npm 包 @markis/stattleship 使用教程

    在前端开发中,我们经常需要使用各种 npm 包来帮助我们实现一些功能。今天介绍的 @markis/stattleship 包是一个基于 Stattleship API 的 JavaScript 包,可...

    3 年前
  • npm 包 generator-alchemy-woo 使用教程

    背景 随着技术的不断发展,前端开发也越来越重要。前端工程师们在开发过程中需要使用各种工具和技术。其中,Node.js 是前端开发中必不可少的一部分,它可以让前端开发者更轻松地使用工具集,进行前端项目的...

    3 年前
  • npm 包 steam-rdsbot 使用教程

    一、前言 steam-rdsbot 是一款适用于 Steam 平台的聊天机器人,它可以根据关键词回复特定的信息,同时也可以支持用户自定义的回复。此包可用于服务器端和客户端,同时也支持 TypeScri...

    3 年前
  • npm 包 @paperist/postinstaller-for-template 使用教程

    背景 在前端开发中,我们经常需要使用模板来快速搭建项目或者页面,但是通常情况下,模板的初始化与依赖安装往往需要手动完成,这会耗费我们大量的时间和精力。因此,开发者们想要找到一种更为高效的方式来处理这些...

    3 年前
  • npm 包 cps-scss-framework 使用教程

    前言 在前端开发过程中,经常需要使用各种框架来帮助我们提高效率。在 CSS 开发中, SASS 和 SCSS 是非常受欢迎的 CSS 预处理器,可以让我们使用变量、嵌套等特性更加便捷地进行样式开发。

    3 年前
  • npm 包 fun-tabs 使用教程

    前言 在前端开发中,标签页是一个非常常见的组件,它能够允许用户在同一个页面中快速地切换内容。而对于开发者来说,为了实现这个功能,往往需要编写大量的代码,交互效果也需要花费大量的时间来调整。

    3 年前
  • npm 包 react-native-zhb-umeng-share 使用教程

    本文将详细介绍如何使用 npm 包 react-native-zhb-umeng-share 来进行友盟分享的功能实现。本教程需要你对 React Native 开发具有一定的基础知识。

    3 年前
  • npm 包 react-native-zoomus-ivy 使用教程

    在前端开发中,很多应用需要实现视频会议功能。而 Zoom 是当前市面上主流的视频会议软件之一。为了方便开发者在 React Native 中使用 Zoom,社区提供了一个 npm 包:react-na...

    3 年前
  • npm 包 swall 使用教程

    Swall 是一个简单易用的提示框库,可以用于美化网站上的提示框。该库支持的提示框类型有:成功、错误、警告、信息、问题等。 本文将为大家提供详细的 Swall 使用教程,帮助大家快速掌握这个优秀的 n...

    3 年前
  • npm 包 yube-formsy-material-ui 使用教程

    介绍 yube-formsy-material-ui 是一个基于 Material-UI 和 formsy-react 的 npm 包,它提供了一系列 Material-UI 组件的 formsy-r...

    3 年前
  • npm 包 wvbridge 使用教程

    在移动端前端开发中,我们常常需要在 webview 内嵌入 H5 页面,并且需要实现原生和 H5 页面间的交互。此时,我们可以使用 wvbridge 这个 npm 包。

    3 年前
  • npm 包 cogmq 使用教程

    cogmq 是一个可以在浏览器和 Node.js 上使用的 MQ(Machine Qualification) 测试框架。它可以模拟鼠标、键盘、触摸事件等来测试用户界面交互性能和功能性能。

    3 年前
  • npm 包 generative-design-library.js 使用教程

    generative-design-library.js 是一个功能强大的 JavaScript 库,它可以帮助前端工程师实现复杂的可生成艺术设计。它是由 Marius Watz 和 Frederik...

    3 年前
  • npm 包 react-scroll-accelerata 使用教程

    前端开发的一个重要环节就是页面滚动的优化,如何让页面滑动更加顺畅,用户体验更佳。在这方面,npm 包 react-scroll-accelerata 可以提供有效的帮助。

    3 年前
  • npm 包 v-tree-select 使用教程

    v-tree-select 是一个基于 Vue.js 的 npm 包,能够提供可折叠的树形结构选择器组件。在前端开发中,树形结构的数据展示和选择往往是不可避免的需求场景,因此掌握 v-tree-sel...

    3 年前
  • npm 包 webpack-sftp-upload 使用教程

    npm 是前端工程师必须熟练掌握的技能之一,而 webpack-sftp-upload 是一个非常实用的 npm 包,它能够基于 webpack 将打包后的代码上传到远程服务器,非常适用于前端项目的部...

    3 年前
  • npm 包 reflect-js 使用教程

    前言 随着前端技术的发展,我们越来越需要使用一些工具来协助我们开发。npm 是一个非常流行的包管理工具,而 reflect-js 就是一个非常有用的 npm 包。 在本文中,我们将介绍如何安装和使用 ...

    3 年前

相关推荐

    暂无文章