在做一些新的项目时考虑使用 Vite、Vuejs、Less、TypeScript 这些依赖库的构建项目基础，在编写组件时使用 TSX 来获得更好的类型体验，其中在 Less 模块的使用遇到了一个很好解决但初次遇到感觉又无从下手的坑，看我是怎么陷进去的~

在开发小程序的时候经常会通过手机扫描小程序开发工具生成的二维码来快速在手机上打开正在开发的小程序进行功能调试，但是在H5开发时却还是通过聊天软件来粘贴地址，费时费力，所以我将编写一个Vite插件来支持终端显示二维码的功能。

在以前的一篇文章中讲述了在前端开发时通过配置自签名证书来完成必须使用HTTPS协议才能工作的功能。那么当你同时需要在手机端预览的时候，可能就要将公钥证书也安装到手机上了，但无论你通过什么方式将证书发送到手机中都不如我写的这个Vite插件使用着方便，那么一起来看一下我是怎么做的~

利用Babel自动解析源码属性上的注释生成对应Markdown文档，这个场景的应用主要包括在组件库文档对组件属性的介绍中，这一篇就通过编写一个Babel插件来实现这个功能~

Vitepress的文档渲染目的就是将程序员日常所写的Markdown文件编译为Html文件，并添加了更多的插件来丰富MD文件的功能，就比如说Vuejs组件在MD文件中渲染等等，为了我们可以在使用Vitepress的时候可以更随心所欲的定制一些功能，我们要先搞一搞明白Vitepress是如何将MD文档渲染成HTML的~

我们在编程学习的过程中也会写一些项目的模板，这样的模板在后期其实并没有进行很好的管理，以至于下次再来回顾或使用的时候还需要从“零”开始，在使用过 Vite 来创建项目后顺便拿看了一下仓库中create-vite包中的源码，得到了很好的启发~

整理一下 Babel 插件开发时用得到的转换操作相关的 API~

在上一篇【入门】你连Babel都不会配？那插件不成乱装了中讲述了 babel 的使用和插件/预设的配置，这一篇我想写写 Babel 插件开发的学习过程，在翻找资料的时候发现的这个可能已经过时的 CLI 工具， 那么就跟随我来快速搞定第一个 Babel 插件吧~

如果你有项目搭建的需求，工具链开发的需求，那么 Babel 目前仍是一个前端工程师高频使用的产品，在各浏览器厂商纷纷拥抱W3C标准的时候还是会遇到需要将 ES2015+ 的语法进行降级，使得可以在低版本的浏览器及其他环境中正常使用。

Rollup 是一个用于 JavaScript 的模块打包器，它将小段代码编译成更大更复杂的东西，例如库或应用程序。它对 JavaScript 的 ES6 修订版中包含的代码模块使用新的标准化格式，而不是以前的特殊解决方案，例如 CommonJS 和 AMD。 ES 模块让您可以自由无缝地组合您最喜欢的库中最有用的单个函数。这最终将在任何地方本地实现，但 Rollup 让您今天就可以做到。————《rollupjs.org》