安利一个npm包：mddir，可以生成项目的工程结构

最新推荐文章于 2024-06-06 22:25:35 发布

weixin_34367845

最新推荐文章于 2024-06-06 22:25:35 发布

阅读量3.1k

点赞数 3

文章标签： markdown javascript ViewUI

原文链接：https://juejin.im/post/5c908e42f265da60f1631696

版权

发现背景：

一个前辈离职了
我成了代码交接者
前辈一通讲
当时听懂了，也做下了笔记?
然后二次开发，还是有些地方还是懵逼
本着不懂其为啥这样写，不轻易修改代码的原则，开启了阅读整个工程的代码之旅；
阅读 + markdown书写，写着写着，发现我需要这个工程的结构，故google了一波。
发现之（[]~(￣▽￣)~*），当然之前也要好奇，只是一直没有找。。。___(:зゝ∠)___

期望目录结构的大概的样子：

之前在一个网站上看到的, 下方工程结构来源地址：jekyllrb.com/docs/struct…;
感谢其给出的启发，and 涨了姿势。。。

├── _config.yml
├── _data
|   └── members.yml
├── _drafts
|   ├── begin-with-the-crazy-ideas.md
|   └── on-simplicity-in-technology.md
├── _includes
|   ├── footer.html
|   └── header.html
├── _layouts
|   ├── default.html
|   └── post.html
.......
复制代码

开始安利：

相信看到这个名字，有需求的同学，一定去npm找了；
传送门：mddir

使用方式也很简单：

1、先安装，npm install mddir -g （不想全局安装，当然也可以在工程目录安装，但是注意生成完删除哈）
2、cd 到你想生成目录的工程结构
3、直接运行mddir命令
4、打开工程根目录下出现的名字为directoryList.md的文件，就可以看到了

npm install mddir -g

cd X:\mywork

mddir 

复制代码

手撸一个样例

自己本地随意些了工程，张下面这个样子

生成一波

|-- testWorkSpace
    |-- bin
    |   |-- tool.js
    |-- build
    |   |-- bundle.js
    |-- cofig
    |   |-- config.js
    |-- src
        |-- code1.js
        |-- code2.js
        |-- components
            |-- Button01.jsx

复制代码