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

发现背景：

一个前辈离职了
我成了代码交接者
前辈一通讲
当时听懂了，也做下了笔记?
然后二次开发，还是有些地方还是懵逼
本着不懂其为啥这样写，不轻易修改代码的原则，开启了阅读整个工程的代码之旅；
阅读 + 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 -gcd X:\myworkmddir 复制代码

手撸一个样例

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

生成一波

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

最后多一句嘴

在把生成好的目录结构展示的markdown中时，不要直接粘贴在空白区域，要粘贴在代码的标记区域中，即(``````)，不要问我为啥要这样建议_(:з」∠)_，知道也不会告诉你的

最后祝大家书写愉快。。。继续去搬砖了。。。

转载于:https://juejin.im/post/5c908e42f265da60f1631696

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

手撸一个npm包，安利一下duiba-sprite
背景我所在组负责我司线上H5互动小游戏的开发,其中一部分开发者负责皮肤的开发.大致流程为:视觉出psd,开发者切图,开发者开发,开发者上传皮肤代码,运营验收.这里边有个奇葩的动作:开发者切图,为什么 ...
用vue写一个npm包(package)，发布及引用
提示:vue写一个npm包(package) 文章目录前言一.npm 二.npm package开发三.引用package 总结前言之前一直都是用别人封装好的npm包,新接了一个需求,自己写 ...
npm 查看登陆账号_发布第一个npm包
这篇文章主要介绍如何发布一个npm包,这个过程并不复杂,学完之后你可以发布任何你喜欢的代码到npm网站上,之后你可以使用npm命令安装在其他项目中. 发布到npm网站之前,你必须在npm网站上创建一个 ...
怎么开发一个npm包
一.注册npm账号 * 怎么将代码提到github,大家都知道需要一个github账号 * 同样,开发一个npm包,当然也需要一个npm账号,将npm包发布到npm的托管服务器 * 注册地址:[htt ...
每日三问之html5css3新特性、如何写一个npm包、围绕vue-router展开分析知识点
html5&&css3新特性 html5 HTML5 新元素(HTML5提供了新的元素来创建更好的页面结构) 标签描述 <article> 定义页面独立的内容区域. &l ...
npm 卸载_手把手教你创建一个NPM包
前言在前端,基于NodeJs的工程化开发已经是一个很成熟的解决方案,而工程化的构建又离不开诸多便捷又高效的可复用的NPM包,那么这些包是如何制作.发布的呢?今天我们就来研究一下这个问题. ...
如何发布一个npm包？
npm包在现在前端开发中经常使用且便利,而我也是经常使用,而没研究怎么去发布npm.那如何发布npm包呢? 一.在npm的官网上注册一个账号登录,https://www.npmjs.com/ 注意此步 ...
如何编写一个npm包，可以公共使用？
经常开发vue的项目,package.json文件大家应该都非常都清楚,所谓的依赖,就是js逻辑的暴露,现在告诉大家怎么发布自己写的npm包,供全球人使用. npm包创建步骤 1.创建一个文件夹 mk ...
webpack创建library及从零开始发布一个npm包
最近公司有个需求,我们部门开发一个平台项目之后,其他兄弟部门开发出的插件我们可以拿来直接用,并且不需要我们再进行打包,只是做静态的文件引入,研究一波后发现,webpack创建library可以实现. ...

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

发现背景：

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

开始安利：

手撸一个样例

最后多一句嘴

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

最新文章

热门文章